<div class="container-fluid">
    <div class="air-card">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12 col-xs-offset-0">
                    <h2 class="text-center hidden-xs m-sm-bottom ng-scope"> Complete Your Account </h2>
                    <h4 class="text-center ng-binding ng-scope"> Yourname@gmail.com </h4> <br>
                    <form method="POST" action="confirm.html">

                    <!--<i class="fas fa-globe">--><select> <!-- </i> -->
                    <option value="AF">Afghanistan</option>
                    <option value="AX">Åland Islands</option>
                    <option value="AL">Albania</option>
</select>  <br> <br>
            <input type="password" name="" placeholder="Create a Password" required> <br> <br>
            <h4 style="text-align: center;"> I want to: </h4>
            <div class="btn-group btn-group-lg" align="center" style="margin-left: 400px; position: relative; border: 1px solid black;">
    <button type="button" class="btn btn-light">Hire for a Project</button>
    <button type="button" class="btn btn-light"> Work as a Freelancer </button>
</div> <br> <br>
<div class="custom-control custom-checkbox" style="margin-left:380px;">
  <!--<input type="checkbox" class="custom-control-input" id="customCheck1">
  <label class="custom-control-label" for="customCheck1"> <div class="custom-control custom-checkbox">-->
  <input type="checkbox" class="custom-control-input" id="customCheck1"">
  <label class="custom-control-label" for="customCheck1">  Yes! Send me genuinely useful emails every now and then to help me get the most out of Extolssolutions.  </label>
  <input type="checkbox" class="custom-control-input" id="customCheck1"">
</div></label>
<div class="custom-control custom-checkbox" style="margin-left:380px;">
  <!--<input type="checkbox" class="custom-control-input" id="customCheck1">
  <label class="custom-control-label" for="customCheck1"> <div class="custom-control custom-checkbox">-->
  <input type="checkbox" class="custom-control-input" id="customCheck1" required>
  <label class="custom-control-label" for="customCheck1" required> Yes, I understand and agree to the Extols Solutions <a href="#" style="color: green;">Terms of Service </a>, including the <a href="#" style="color: green;">User Agreement </a> <a href="#" style="color: green;"> and Privacy Policy. </a>  </label> <br> <br>
  <input type="checkbox" class="custom-control-input" id="customCheck1"">
</div>
<button type="submit" class="btn btn-success"> Next </button>
            </form>
            </div>
        </div>
    </div>
    </div>

.air-card {
position: relative;
    background-color: #fff;
    margin: 30px  0px;
    padding: 30px;
    box-shadow: 0 1px 6px rgba(57,73,76,.35);
}

select
{
    margin-left: 420px;
}

input[type='password']
{

    margin-left: 420px;
    width: 354px;

}

input[type='checkbox']
{
    margin-left: 420px;
    text-align: center;
}

label a:hover
{
    color: green;
}

button[type='submit']
{
    margin-left: 550px;
    margin-top: 20px;
    width: 8%;
}

.row a
{
    color: #747676;
    font-family: Arial,sens-serif;
}