Please advise how to center form on page.
Sample code: -
<div class="row">
<div class="col-lg-6">
<form class="row" id="event-registration" action="include/form.php" method="post" enctype="multipart/form-data">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler"></div>
</div>
</div>
<div class="col-6 form-group">
<label>First Name:</label>
<input type="text" name="event-registration-first-name" id="event-registration-first-name" class="form-control required" value="" placeholder="Enter your First Name">
</div>
<div class="col-6 form-group">
<label>Last Name:</label>
<input type="text" name="event-registration-last-name" id="event-registration-last-name" class="form-control required" value="" placeholder="Enter your Last Name">
</div>
<div class="col-12 form-group">
<label>Email:</label>
<input type="email" name="event-registration-email" id="event-registration-email" class="form-control required" value="" placeholder="Enter your Email Address">
</div>
<
<div class="col-12">
<div class="form-group">
<label>How did you hear about the Event?</label>
<select class="form-select required" name="event-registration-know-us" id="event-registration-know-us">
<option value="">-- Select One --</option>
<option value="Google">Google</option>
<option value="Social Media">Social Media</option>
<option value="Friends">Friends</option>
<option value="Advertisement">Advertisement</option>
<option value="Others">Others</option>
</select>
</div>
</div>
<div class="col-12 d-none">
<input type="text" id="event-registration-botcheck" name="event-registration-botcheck" value="">
</div>
<div class="col-12">
<button type="submit" name="event-registration-submit" class="btn btn-secondary">Register</button>
</div>
<input type="hidden" name="prefix" value="event-registration-">
</form>
</div>
</div>
Regards
Barry