<div class="aui-search-section px-lg-2">
    <a class="icon-search search-item" href="#" tabIndex="0" role="search" aria-label="Search Product" data-toggle="modal" data-target="#searchModal">
        <div class="modal fade header-search-modal p-0" id="searchModal" aria-labelledby="searchModal" aria-hidden="true">
            <div class="w-100 mw-100 modal-dialog m-0">
                <div class="modal-content">
                    <div class="modal-header border-bottom-0">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body mb-5">
                        <div class="form-inline flex-nowrap search-field mx-auto">
                            <label class="mr-3" for="inlineFormCustomSelect">Search</label>
                            <div class="input-group flex-grow-1">
                                <input id="inlineFormCustomSelect" class="form-control" type="text" placeholder="Ex: Heart Attack Symptoms" />
                                <div class="input-group-append">
                                    <span class="input-group-text search-icon-bg" id="basic-text1"><i class="icon-search"
                                        aria-hidden="true"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </a>
</div>