JSFiddle - React, Tailwind, and code Playground
by Igor
HTML
<div class="delivery-or-pickup"><!-- cart-delivery delivery or pickup-->
<div class="col-md-6 no-padding">
<div class="ca-d__choice-delivery">
<label for="ca-d__delivery content ab-p__form-delivery--wrap">
<input class="checkbox" type="radio" id="ca-d__delivery" name="name" >
<span class="checkbox-custom"></span>
<span class="b-f__label ca-d__label ca-d__delivery-label">Оформить доставку</span>
</label>
<label for="ca-d__pickup content ab-p__form-pickup--wrap">
<input class="checkbox" type="radio" id="ca-d__pickup" name="name" checked="checked" >
<span class="checkbox-custom"></span>
<span class="b-f__label ca-d__label ca-d__delivery-label">Самовывоз</span>
</label>
</div>
</div>
</div><!--finish cart-delivery delivery or pickup-->
<div class="ca-d__delivery-explanation">
<div class="col-md-7 no-padding">
<p>Укажите адрес доставки:</p>
</div>
</div>
<div class="ca-d__delivery-explanation">
<div class="col-md-7 no-padding">
<p>Выберите ресторан, из которого Вы самостоятельно заберете заказ:</p>
</div>
</div>
<div class="ca-d__map"><!--cart-delivery map -->
<div id="map" class="map"></div>
</div><!--finish cart-delivery map -->
<div class="col-md-10 col-md-offset-1">
<div class="ab-p__form--wrap ab-p__form--bottom-wrap ab-p__form-delivery--wrap">
<div class="ca-d__delivery-address"><!--cart-delivery delivery-address -->
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3">
<div class="input-group">
<select name="name" id="district" size="1">
<option selected value="Район"> Район </option>
<option value="Адмиралтейский...