SOW : Inline search

                  
                    <div class="input-group-over">
                      <input type="text" class="form-control form-control-sm iqs-input" data-container=".iqs-container" value="" placeholder="quick filter">
                      <span class="fi fi-search btn btn-sm px-3 text-gray-500"></span>
                    </div>

                    <div class="iqs-container mt-3 scrollable-horizontal scrollable-styled-light" style="max-height: 250px;">

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-1" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-1">
                          Nike <span class="text-muted smaller d-inline-block">(11)</span>
                        </label>
                      </div>

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-2" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-2">
                          Adidas <span class="text-muted smaller d-inline-block">(45)</span>
                        </label>
                      </div>

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-3" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-3">
                          Sony <span class="text-muted smaller d-inline-block">(45)</span>
                        </label>
                      </div>

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-4" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-4">
                          Samsung <span class="text-muted smaller d-inline-block">(13)</span>
                        </label>
                      </div>

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-5" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-5">
                          LG <span class="text-muted smaller d-inline-block">(21)</span>
                        </label>
                      </div>

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-6" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-6">
                          Panasonic <span class="text-muted smaller d-inline-block">(21)</span>
                        </label>
                      </div>

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-7" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-7">
                          AOC <span class="text-muted smaller d-inline-block">(21)</span>
                        </label>
                      </div>

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-8" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-8">
                          Liveda <span class="text-muted smaller d-inline-block">(21)</span>
                        </label>
                      </div>

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-9" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-9">
                          Dell <span class="text-muted smaller d-inline-block">(15)</span>
                        </label>
                      </div>

                      <div class="form-check iqs-item">
                        <input class="form-check-input" type="checkbox" id="brand-10" name="brand[]" value="">
                        <label class="form-check-label px-1" for="brand-10">
                          Apple <span class="text-muted smaller d-inline-block">(21)</span>
                        </label>
                      </div>

                    </div>