.trivia [data-active-step] [data-step] {
    display: none !important;
    flex-direction: column;
}

.trivia [data-active-step] .number-options, [data-active-step] .form-title {
    display: none !important;
}

.trivia [data-active-step="1"] .number-options, [data-active-step="1"] .form-title {
    display: flex !important;
}

.trivia [data-step] {
    display: none !important;
}

.trivia[data-active-step="1"] .title [data-step="1"],
.trivia[data-active-step="2"] .title [data-step="2"],
.trivia[data-active-step="3"] .title [data-step="2"],
.trivia[data-active-step="4"] .title [data-step="2"],
.trivia[data-active-step="5"] .title [data-step="2"]
 {
    display: block !important;
}

.trivia[data-active-step="1"] [data-step="1"],
.trivia[data-active-step="2"] [data-step="2"],
.trivia[data-active-step="3"] [data-step="3"],
.trivia[data-active-step="4"] [data-step="4"],
.trivia[data-active-step="5"] [data-step="5"],
.trivia[data-active-step="loading"] [data-step="loading"],
.trivia[data-active-step="typ"] [data-step="typ"],
.trivia[data-active-step="error"] [data-step="error"],
.trivia[data-active-step="regUser"] [data-step="regUser"] {
    display: flex !important;
    flex-direction: column;
}

.trivia[data-active-step="loading"] .progress,
.trivia[data-active-step="typ"] .progress,
.trivia[data-active-step="error"] .progress,
.trivia[data-active-step="regUser"] .progress {
    display: none !important;
}

.sponsor-modal[data-loading=false] .citi-modal-content.loading {
    display: none; 
}

.sponsor-modal[data-loading=true] .citi-modal-content:not(.loading) {
    display: none;
}

.loader {
    min-height: 50vh;
}