.step {
    display: none;
    animation: fadeIn 0.4s ease-out forwards;
}

.step.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

input[type="radio"]:checked + label {
    background-color: #fff1f2;
    border-color: #e3003b;
    color: #71002b;
    font-weight: 600;
    box-shadow: 0 4px 6px -1px rgba(227, 0, 59, 0.1);
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}