Tender Search Interface - Copy this Html, Tailwind Component to your project

plz-create-one-section-for-my-tender-website-using-html-and-tailwindcss-(section-for-search-tenders)-in-this-section-two-divs-and-section-is-full-width-left-side-div-is-for-filter-search-(what-show-in-this-filter)-Ref.-ID.-label-and-his-input-Doc-Ref.-No.-label-and-his-input-State-label-his-dropdwon-Posting-Date-label-and-his-dropdown-Estimated-Cost-label-and-his-dropwdon-nd-input-combined-Keywordlabel-and-his-input-afer-search-and-reset-button-filter-heading-is-Filter-Tenders-(collpsable-+,--to-open-and-closed-filter)-assume-filter-width-is-30%-now-second-div-is-right-side-(70%-width)-first-show-searchbar-with-dropdown-and-search-button-after-that-one-heading-and-paragraph-show-in-second-line-than-Showing-277061-results-count-show-left-side-right-side-3-dropdwons-than-next-part-is-tender-listing-(show-card-type)-left-and-right-part-show-first-line-show-checkbox-space-soem-icon-or-image-space-some-IN-No:38741513-second-line-heading-third-line-icon-and-his-state-name-some-space-Document-icon-and-his-lable-and-some-space-than-icon-and-date-show-and-batch-type-some-show-live-,tender-as-your-wish-anywhere-in-card-in-right-side-of-the-card-three-buttons-show-and-all-this-frontend-all-device-responsive-plz