<div class="row pad m-0">
    <div class="col-md-12">
        {%- if page.letter -%}
        <a id="home_page_search_result"
            onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Home Page Search Result'});"></a>
            {%- endif -%}
        <div class="filters d-flex justify-content-between align-items-center">
            <div class="wordCount"></div>
            <div class="filterSortedIcons">
                <div class="filter-icon" onclick="myFunction()">
                    <i class="bi bi-filter"></i>
                </div>
                <div class="sortup-icon">
                    <i class="bi bi-sort-up"></i>
                </div>
            </div>
            <div class="d-none tab_link_wrapper" style="position: relative;">
                <div id="tab-scroll" class="tab-scroll flex-row">
                    <input type="button" name="" id="prev" class="prev tabsBg noOutline cursorPointer" value=" " style="display: none;">
                    <div id="tab-container" class="search-container tab_container flex-row">
                      <input type="button" id="Tab_6" onclick="Filtering(6)" value="6 Letter" class="tab_link cursorPointer active-tab">
                      
                      <input type="button" id="Tab_5" onclick="Filtering(5)" value="5 Letter" class="tab_link cursorPointer">
                      
                      <input type="button" id="Tab_4" onclick="Filtering(4)" value="4 Letter" class="tab_link cursorPointer">
                      
                      <input type="button" id="Tab_3" onclick="Filtering(3)" value="3 Letter" class="tab_link cursorPointer">
                      
                      <input type="button" id="Tab_2" onclick="Filtering(2)" value="2 Letter" class="tab_link cursorPointer">
                      </div>
                    <input type="button" name="" id="next" class="next tabsBg noOutline cursorPointer" value=" " style="display: none;">
                </div>
            </div>
            <div class="sortingFilters wrapper_dropDown  justify-content-end" style="gap:10px; display: none;">

                {%- if page.letter == nil -%}
                <div class="letter-length">
                    <select class="form-select length-select">
                        <option selected="true" hidden>Letter Length</option>
                    </select>
                </div>
                {%- endif -%}
              
                <div id="sort-select">
                    <select class="form-select sort-select" id="select_dropDown">
                        <option selected="true" hidden id="alpha" value="alpha">Sort by</option>
                        <option id="alpha" value="alpha">A-Z</option>
                        <option id="alpha" value="alpha">Z-A</option>
                        <option selected id="alpha" value="alpha">Points</option>
                    </select>
                </div>
            </div>
        </div>
        {%- if page.noAdsRefresh -%}
        <div class="main-loader"></div>
        <div class="main" data-value="null"></div>
        {%- else -%}
        <div class="main"></div>
        {%- endif -%}
        <div class="errorMsg"></div>
    </div>
</div>