<div class="ui action input position-relative w-100"> <div id="annual-consumption" class=" step-bit-form"> <div class="form-content-step direct-notflex"> {{ form_row(form.annualConsumptionKwh) }} </div> </div> <div id="panel-size" class=" step-bit-form"> <div class="form-content-step direct-notflex"> {{ form_row(form.panelSize) }} </div> </div> <div id="type-of-heating" class="d-none step-bit-form"> <div class="form-content-step direct-flex align-items-start"> <div class="form-label-content pt-md-4"> {{ form_label(form.typeOfHeating) }} </div> <div class="form-choice-content max-choice-w"> {% for typeOfHeating in form.typeOfHeating %} <div class="position-relative"> {{ form_widget(typeOfHeating) }} {{ form_label(typeOfHeating) }} </div> {% endfor %} </div> </div> </div> <div id="air-condition-pool" class="d-none step-bit-form"> <div class="form-content-step direct-flex radio-image-input"> <div class="form-label-content"> {{ form_label(form.airConditioner) }} </div> <div class="form-choice-content "> {% for airConditioner in form.airConditioner %} <div class="position-relative"> {{ form_widget(airConditioner) }} {{ form_label(airConditioner) }} </div> {% endfor %} </div> </div> <div class="step-bit-form"> <div class="form-content-step direct-flex radio-image-input"> <div class="form-label-content"> {{ form_label(form.pool) }} </div> <div class="form-choice-content "> {% for pool in form.pool %} <div class="position-relative"> {{ form_widget(pool) }} {{ form_label(pool) }} </div> {% endfor %} </div> </div> </div> <div class="form-content-step direct-flex align-items-start"> <div class="form-label-content pt-md-4"> {{ form_label(form.typeOfDomesticHotWater) }} </div> <div class="form-choice-content max-choice-w"> {% for typeOfDomesticHotWater in form.typeOfDomesticHotWater %} <div class="position-relative"> {{ form_widget(typeOfDomesticHotWater) }} {{ form_label(typeOfDomesticHotWater) }} </div> {% endfor %} </div> </div> </div></div>