<style>
		.main-column{
			display:flex;
			width:100%;
		}
		.column-one{
			width:50%;
		}
	</style>

    <h1>Appointment Booked Successfully</h1>
    <br />
    <div class="main-column" style = "display:block; width:100%;">
      <div class="column-one" style = "display:block; width:100%;">
        <h3>Please, find out the booking details below</h3>
        <b>Appointment Date:</b>{{$date}}<br /><br />
        <b>Appointment Start Time:</b>{{$start_time}}<br /><br />
        <b>Appointment End Time:</b>{{$end_time}}<br /><br />
        <b>Your Full Name:</b> {{ $full_name }}<br /><br />
        <b>Phone:</b> {{$phone}}<br /><br />
      </div>
    </div>