2 forms that are mistakenly being submitted only to one - html

Question

While trying to add an additional form to the site somehow the confirmation of the first form confirms the second form and the first form will not submit at all.
First form
<aside class="col-xs-12 col-sm-5 col-md-5 sidebar">
<form class="appointment-form dark" method="post" action="confirmation/index.php">
<h1>Request an Appointment</h1>
<div class="form-group">
<label for="first_name">First Name<span class="required">*</span></label>
<input type="text" class="form-control required" id="first_name" name="first_name">
</div>
<input type="hidden" name="current_url" value="<?php echo 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>"/>
</div>
<div class="form-group no-label">
<button class="btn" data-submitting="Requesting..." data-submitted="Requested <i class='fa fa-check'></i>">Request Now</button>
</div>
</form>
<div class="fancybox form-confirmation">
<div class="inside">
<h1>Thank you for requesting an appointment <span class="data-name"></span>! We'll get back to you shortly.</h1>
<i class="fa fa-check-circle-o"></i>
</div>
</div>
Second form
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Insurance Check</h4>
</div>
<div class="modal-body">
<form class="contact">
<style type="text/css">
.form-group-ic{margin-bottom:8px;}
span.alert{font-size:10px; padding:10px 0px;}
</style>
<div class="form-group-ic" style="width:44%;float:left;">
<label for="first_name_ic">First Name<span class="required">*</span></label>
<input type="text" class="form-control required" id="first_name_ic" name="first_name_ic">
</div>
<input type="hidden" name="current_url" value="<?php echo 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>"/>
<div class="form-group-ic no-label">
<input type="submit" id="submit" class="btn" style="background:#0e704b;" value="Request Now" />
</div>
</form>