Contact Form 7 Templates WordPress

<div class="lin">   <label> Name<span class="red">*</span>[text* Name class:input placeholder "Name"]</label>  </div>

<div class="lin">   <label> Business Name <span class="red">*</span>[text* NameofCompany class:input placeholder "Your Company"]</label>    </div>

<div class="lin">   
<div class="box">
<div class="haf"> <label> City [text City class:input placeholder "City"] </label>   </div>
<div class="haf"> <label> Mobile Number <span class="red">*</span> [tel* Phone Number class:input placeholder "Phone Number"] </label>  </div> </div> </div>

<div class="lin">   
<label> Email ID <span class="red">*</span>[email* Email class:input placeholder "Email "]</label>
</div>

<div class="lin">   
<div class="box">
<div class="haf"> <label> Select Date <span class="red">*</span>      [date* date-862  class:haf_colm  "Date"]   </label>   </div>
<div class="haf"> <label> Time Slot <span class="red">*</span>    
[select* Slot  include_blank 
"10:30 AM - 11:00 AM"
"11:00 AM - 11:30 AM"
"11:30 AM - 12:00 PM"
"12:00 PM - 12:30 PM"
"12:30 PM - 1:00 PM"
"1:00 PM - 1:30 PM"
"1:30 PM - 2:00 PM"
"2:00 PM - 2:30 PM"   ]
   </label>  </div>
</div>
</div>

<div class="btnnn"> <button class="submit">Book a Demo</button> </div>

<style>
.haf{
width:50%;
}
.box{
display:flex;
column-gap: 10px;

}

.submit{

    background-color:Red;
    border-radius:2px;
    font-family:'Poppins';
    font-size: 15px;
    font-weight: 500;
    background-image: linear-gradient(to right, #322E80, #322E80);
    padding:10px 24px  ;
} 
.red{
color:red;
}
</style>