@media (max-width: 992px) {
    .onboarding .wizard.wizard-3 .wizard-nav .wizard-steps {
        width: 50%;
    }

    .card-checkout {
        padding: 16px;
    }
}

@media (max-width: 768px) {
    .onboarding .card-custom {
        width: 100%;
    }

    .onboarding .pay .button-next {
        font-size: 1rem;
    }
}

@media screen and (max-width: 400px) {
    .card-checkout-switcher-btn p {
        font-size: 1rem
    }
}