Form

<div class="form-group"> 
    <label for="" class="form-label required">Name
    </label> 
    <input type="text" class="form-control" placeholder="Name"> 
    </div>

<div class="form-group"> 
    <label for="" class="form-label required">Options
    </label> 
    <select name="" class="form-select" id=""> 
        <option value="">Option 1
        </option> 
        <option value="">Option 2
        </option> 
        <option value="">Option 3
        </option> 
    </select> 
</div>

<div class="form-group d-flex"> 
    <select name="" class="form-select" id=""> 
        <option value="">Region
        </option> 
        <option value="">Option 2
        </option> 
        <option value="">Option 3
        </option> 
    </select> 
    <select name="" class="form-select" id=""> 
        <option value="">Property type
        </option> 
        <option value="">Option 2
        </option> 
        <option value="">Option 3
        </option> 
    </select> 
    <a href="" class="btn w-100 btn-primary"> Find properties 
    </a> 
</div>

<div class="form-check form-switch form-group"> 
    <input type="hidden" name="name" value="0"> 
        <input class="form-check-input" name="name" type="checkbox" value="1" role="switch" id="CheckboxId"> 
            <label class="form-check-label" for="CheckboxId">Checkbox title
            </label> 
        </div>

<div class="form-check form-custom-check form-group"> 
    <input type="hidden" name="name" value="0"> 
        <input name="name" type="checkbox" value="1" role="switch" id="CustomCheckboxId"> 
            <label class="form-check-label" for="CustomCheckboxId"> 
                <span class="icon">
                    <x-icon icon="restaurant">
                    </x-icon>
                </span> Near restaurant 
            </label> 
        </div> 
        <div class="form-check form-custom-check form-group"> 
            <input type="hidden" name="name" value="0"> 
                <input name="name" type="checkbox" value="1" disabled role="switch" id="CustomCheckboxDisabled"> 
                    <label class="form-check-label" for="CustomCheckboxDisabled"> 
                        <span class="icon">
                            <x-icon icon="restaurant">
                            </x-icon>
                        </span> Near restaurant 
                    </label> 
                </div>