Multiple fields on group

Hello I have a problem with showing more than one fields in the group when i select something.
More specifically:

<div class="row">

<div class="col-sm-12">
  <label>Select your room</label>[select* select-room first_as_label "-- Select room --" "VILLA 360" "VILLA MELIONA" "SUITE PORTES" "SUITE PETRA" "SUITE PELAGOS"]
</div>

[group villa-selected]
<div class="col-sm-4">
  <label>Adults (ages 13+)</label>[select* adults default:get include_blank "1" "2" "3" "4"]
</div>

<div class="col-sm-4">
  <label>Children (ages 3-12)</label>[select* children default:get include_blank "1" "2" "3" "4"]
</div>

<div class="col-sm-4">
  <label>Infants (under the age of 2)</label>[select* infants default:get include_blank "1" "2" "3" "4"]
</div>
[/group]

</div>
<button class="btn btn-lg btn-primary item_centered" type="submit">Submit</button>

When I select for example “VILLA 360” I would like to show the group i created with all these 3 select fields but it does nothing when i select the VILLA 360.

This is also my conditional fields text field:

show [villa-selected] if [select-room] equals "VILLA 360"

Of course the actual implementation will be more complicated than that but this is just an example. My general purpose is to able to show specific age types(adults, children, infants) depending on the type of room user selects. For example when I choose another suite like SUITE PORTES I would like to show only adults.

Thanks in advance!