<div class="contactForm">
<div class="row">
<div class="col-lg-6">
<div class="mb-3">
<label for="fname" class="form-label">First Name</label>[text* fname id:fname class:name_field class:form-control]
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label for="lname" class="form-label">Last Name</label>[text* lname id:lname class:name_field class:form-control]
</div>
</div>
</div>
<div class="mb-3">
<label for="company" class="form-label">Company</label>[text* company id:company class:form-control]
</div>
<div class="mb-3">
<label for="email" class="form-label">Email</label>[email* email id:email class:form-control]
</div>
<div class="mb-3">
<label for="phone" class="form-label">Phone</label>[tel* phone minlength:10 maxlength:10 id:phone class:form-control]
</div>
<div class="mb-3 conatact-select">
<label for="lname" class="form-label">Area of interest</label>
[select* area-of-interest id:area-of-interest class:my-select class:selectpicker first_as_label "Please select an option" "Select an option One" "Select an option Two" "Select an option Three" "Select an option Four"]         
</div>
<div class="mb-3">
<label for="lname" class="form-label">Preferred contact method</label><div class="radioDiv">
[radio Preferred-contact use_label_element default:1 "Phone" "Email"]
</div> 
</div>
<div class="mb-3">
<div class="sbtn">
[submit id:submit class:btn "Submit"]
</div>
</div>
</div>