JSFiddle - React, Tailwind, and code Playground

HTML

<div class="poisk-block">
<form action="http://test.elagin-estate.ru/flats" method="post" class="wpp_shortcode_search_form">
 
			  
          <div style="display:none;">
                      <select id="wpp_search_element_7494" name="wpp_search[random_826]">
                          <option value="Вторичный рынок">Вторичный рынок</option>
                      </select>
          </div>
		  
          <div class="tip">
		  <h3>Тип недвижимости</h3>
                   <select id="wpp_search_element_6922" class="open-tip" name="wpp_search[property_type]">
          <option value="random_638,random_84,random_113,random_111,random_694,random_494">Выбрать</option>
                      <option value="random_638">Гараж</option>
					  <option value="random_494">Жилой дом</option>
                      <option value="random_84">Квартира</option>
                      <option value="random_113">Комната</option>
                      <option value="random_111">Студия</option>
                      <option value="random_694">Таунхаус</option>
                  </select>
          </div>

          <div class="dogovor">
		  <h3>Договор</h3>
<input name="wpp_search[random_74][]" id="wpp_attribute_checkbox_30609" type="radio" value="Продажа"><label for="wpp_attribute_checkbox_30609" class="label-sale">Продажа</label> <input name="wpp_search[random_74][]" id="wpp_attribute_checkbox_50629" type="radio" value="Аренда""><label for="wpp_attribute_checkbox_50629" class="label-rent">Аренда</label>
          </div>
		        
          <div class="cena">
		  <h3>Стоимость</h3>
<input id="wpp_search_element_1888" class="min-price" type="text" name="wpp_search[price][min]" value="" placeholder="Минимально"> <input class="max-price" type="text" name="wpp_search[price][max]" value="" placeholder="Максимально"><span> ₽</span>
          </div>

          <div class="rayon">
		   <h3>Расположение</h3>
                      <select id="wpp_search_element_5665" class="open-rayon"...