.steps-sec .step-card {
    background: #fff;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.steps-sec .step-card:hover {
    transform: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

@media (max-width: 991px) {
    .steps-sec .step-card {
        background: #fff;
        border: 1.5px dashed #cfcfcf;
        border-radius: 20px;
    }

    .steps-sec .step-card-bottom::after {
        display: none;
    }
}

@media (hover: none) {
    .steps-sec .step-card:hover {
        transform: none;
        box-shadow: none;
    }

    .steps-sec .step-card:hover::before {
        opacity: 0;
    }

    .steps-sec .step-card:hover .step-num {
        background: #2d2d2d;
        box-shadow: 0 calc(1.5 * var(--k)) calc(5 * var(--k)) rgba(0, 0, 0, 0.18);
    }

    .steps-sec .step-card:hover h3 {
        color: var(--heading-color);
    }
}