Style 1
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Style 1</h2>
<div class="row mt-5">
<div class="col-12">
<form class="row gx-5 gy-3" action="#">
<div class="col-12">
<h2>Send Your Queries</h2>
</div>
<div class="col-12 col-md-6">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="John Doe">
</div>
<div class="col-12 col-md-6">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" name="email" placeholder="mail@domain.com">
</div>
<div class="col-12 col-md-6">
<label for="phone" class="form-label">Phone</label>
<input type="text" class="form-control" id="phone" name="phone" placeholder="+91-9876543210">
</div>
<div class="col-12 col-md-6 FormSelect">
<label for="name" class="form-label">Country</label>
<select class="form-select-custom" aria-label="Default select example" tabindex="-1" data-ssid="ss-6828" style="display: none;">
<option selected="">USA</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
<div class="col-12 col-md-6 FormSelect">
<label for="email" class="form-label">State</label>
<select class="form-select-custom" aria-label="Default select example" tabindex="-1" data-ssid="ss-67174" style="display: none;">
<option selected="">New Jersey</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
<div class="col-12 col-md-6 FormSelect">
<label for="phone" class="form-label">Subject</label>
<select class="form-select-custom" aria-label="Default select example" tabindex="-1" data-ssid="ss-82123" style="display: none;">
<option selected="">Admission Enquiry</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
<div class="col-12">
<label for="name" class="form-label">Message</label>
<textarea class="form-control" rows="8"></textarea>
</div>
<div class="col-12 my-3 my-lg-4">
<button type="submit" class="btn btn-secondary btn-lg">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
Style 2
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Style 2</h2>
<div class="row mt-5">
<div class="col-12">
<form>
<div class="row">
<div class="col-12 col-md-4">
<div class="mb-3 mb-lg-4">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control custom-st" id="name" name="name" placeholder="John Doe">
</div>
</div>
<div class="col-12 col-md-4">
<div class="mb-3 mb-lg-4">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control custom-st" id="email" name="email" placeholder="mail@domain.com">
</div>
</div>
<div class="col-12 col-md-4">
<div class="mb-3 mb-lg-4">
<label for="phone" class="form-label">Name</label>
<input type="text" class="form-control custom-st" id="name" name="phone" placeholder="+91-9876543210">
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-4">
<div class="mb-3 mb-lg-4 FormSelect">
<label for="name" class="form-label">Country</label>
<select class="form-select-custom custom-st" aria-label="Default select example" tabindex="-1" data-ssid="ss-20466" style="display: none;">
<option selected="">USA</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
</div>
<div class="col-12 col-md-4">
<div class="mb-3 mb-lg-4 FormSelect">
<label for="email" class="form-label">State</label>
<select class="form-select-custom custom-st" aria-label="Default select example" tabindex="-1" data-ssid="ss-21966" style="display: none;">
<option selected="">New Jersey</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
</div>
<div class="col-12 col-md-4">
<div class="mb-3 mb-lg-4 FormSelect">
<label for="phone" class="form-label">Qualification</label>
<select class="form-select-custom custom-st" aria-label="Default select example" tabindex="-1" data-ssid="ss-71515" style="display: none;">
<option selected="">Under Graduate</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<div class="mb-3 mb-lg-4 FormSelect">
<label for="name" class="form-label">Course</label>
<select class="form-select-custom custom-st" aria-label="Default select example" tabindex="-1" data-ssid="ss-30063" style="display: none;">
<option selected="">Course Title</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
</div>
<div class="col-12 col-md-6">
<div class="mb-3 mb-lg-4 FormSelect">
<label for="email" class="form-label">College</label>
<select class="form-select-custom custom-st" aria-label="Default select example" tabindex="-1" data-ssid="ss-27737" style="display: none;">
<option selected="">College</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-12 my-3 my-lg-4">
<button type="submit" class="btn btn-secondary btn-lg">Apply</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
