.group-1,
.group-2,
.group-3,
.group-4 {
    display: none;
}

body[data-step="0"] .group-1,
body[data-step="1"] .group-1,
body[data-step="2"] .group-1 {
    display: block;
}

body[data-step="3"] .group-2 {
    display: block;
}

body[data-step="4"] .group-3,
body[data-step="5"] .group-3,
body[data-step="6"] .group-3,
body[data-step="7"] .group-3 {
    display: block;
}

body[data-step="8"] .group-4,
body[data-step="9"] .group-4 {
    display: block;
}