diff --git a/app/Views/success_mail.php b/app/Views/success_mail.php
index a492b38..40a9faa 100644
--- a/app/Views/success_mail.php
+++ b/app/Views/success_mail.php
@@ -1,121 +1,110 @@
-<!DOCTYPE html>
+
+
+<!doctype html>
 <html lang="en-US">
+
 <head>
-<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
-<!-- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
-<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
-</head>
-<style>
-    .invoice {
-    position: relative;
-    background: #fff;
-    border: 1px solid #f4f4f4;
-    padding: 20px;
-    margin: 10px 25px;
-}
-.page-header {
-    margin: 10px 0 20px 0;
-    font-size: 27px;
-    text-align: center;
-    color: #47c347;
-    font-weight: 500;
-}
-.action_head{
-    font-size: 22px;
-    font-weight: 500;
-}
-.total{
-    width:100%
-}
-</style>  
-<body class="payment">
 
 
-<!------ Include the above in your HEAD tag ---------->
+<body marginheight="0" topmargin="0" marginwidth="0" style="margin: 0px; background-color: #f2f3f8;" leftmargin="0">
+    <table cellspacing="0" border="0" cellpadding="0" width="100%" bgcolor="#f2f3f8"
+        style="@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700|Open+Sans:300,400,600,700); font-family: 'Open Sans', sans-serif;">
+        <tr>
+            <td>
+                <table style="background-color: #f2f3f8; max-width:670px; margin:0 auto;" width="100%" border="0"
+                    align="center" cellpadding="0" cellspacing="0">
 
-<section class="content content_content" style="width: 70%; margin: auto;">
-                    <section class="invoice">
-                        <!-- title row -->
-                        <div class="row">
-                            <div class="col-md-12">
-                                <h2 class="page-header">
-                                    <i class="fa fa-globe"></i> Payment Successful!
-                                   
-                                </h2>
-                            </div><!-- /.col -->
-                        </div>
-                        <!-- info row -->
-                        <div class="row invoice-info">
-                            <div class="col-sm-4 invoice-col">
-                               <span class="action_head">Order Id</span>
-                                <address>
-                                <?= $order_id; ?>
-                                </address>
-                            </div><!-- /.col -->
-                            <div class="col-sm-4 invoice-col">
-                            <span class="action_head">Transaction Date</span>
-                                <address>
-                                <?= $formattedDate; ?>
-                                </address>
-                            </div><!-- /.col -->
-                            <div class="col-sm-4 invoice-col">
-                            <span class="action_head">Payment Method</span>
-                                <address>
-                                <?= $card_brand; ?> card ending with <?= $last_4; ?>
-                                </address>
-                            </div><!-- /.col -->
-                        </div><!-- /.row -->
-</br> <span class="action_head">Your Order</span>
-                        <!-- Table row -->
-                        <div class="row">
-                            <div class="col-xs-12 table-responsive">
-                                <table class="table table-striped">
-                                    <tbody>
-                                        <tr>
-                                   
-                                        </tr>
-                                  </tbody>
-                                </table>
-                            </div><!-- /.col -->
-                        </div><!-- /.row -->
-
-                        <div class="row">
-                            <!-- accepted payments column -->
-                            <div class="col-md-12">
-                                
-                                <div class="table-responsive">
-                                    <table class="table">
+                    <!-- Email Content -->
+                    <tr>
+                        <td>
+                            <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"
+                                style="max-width:670px; background:#fff; border-radius:3px;-webkit-box-shadow:0 6px 18px 0 rgba(0,0,0,.06);-moz-box-shadow:0 6px 18px 0 rgba(0,0,0,.06);box-shadow:0 6px 18px 0 rgba(0,0,0,.06);padding:0 40px;">
+                                <tr>
+                                    <td style="height:40px;">&nbsp;</td>
+                                </tr>
+                                <!-- Title -->
+                                <tr>
+                                    <td style="padding:0 15px; text-align:center;">
+                                        <h1 style="color: #47c347; font-weight:400; margin:0;font-size:32px;font-family:'Rubik',sans-serif;"> Payment Successful!</h1>
+                                        <span style="display:inline-block; vertical-align:middle; margin:29px 0 26px; border-bottom:1px solid #cecece; 
+                                        width:100px;"></span>
+                                    </td>
+                                </tr>
+                                <!-- Details Table -->
+                                <tr>
+                                    <td>
+                                        <table cellpadding="0" cellspacing="0"
+                                            style="width: 100%; border: 1px solid #ededed">
+                                            <tbody>
+                                                <tr>
+                                                    <td
+                                                        style="padding: 10px; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; width: 35%; font-weight:500; color:rgba(0,0,0,.64)">
+                                                        Order Id :</td>
+                                                    <td
+                                                        style="padding: 10px; border-bottom: 1px solid #ededed; color: #455056;">
+                                                        <?= $order_id; ?></td>
+                                                </tr>
+                                                <tr>
+                                                    <td
+                                                        style="padding: 10px; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; width: 35%; font-weight:500; color:rgba(0,0,0,.64)">
+                                                        Transaction Date :</td>
+                                                    <td
+                                                        style="padding: 10px; border-bottom: 1px solid #ededed; color: #455056;">
+                                                        <?= $formattedDate; ?></td>
+                                                </tr>
+                                                <tr>
+                                                    <td
+                                                        style="padding: 10px; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; width: 35%; font-weight:500; color:rgba(0,0,0,.64)">
+                                                        Payment Method :</td>
+                                                    <td
+                                                        style="padding: 10px; border-bottom: 1px solid #ededed; color: #455056;">
+                                                        <?= $card_brand; ?> card ending with <?= $last_4; ?></td>
+                                                </tr>
+                                                
+                                            </tbody>
+                                        </table>
+                                        </br> <span style="padding: 10px;">Your Order</span>  </br>
+                                        <table cellpadding="0" cellspacing="0"
+                                            style="width: 100%; border: 1px solid #ededed">
                                         <tbody>
-                        <?php foreach ($memberCredits as $val) { ?>    
-                        <tr>                 
-                        <th>
-                                    <div class="product-name"><?php echo $val['package_name']." (".$val['cost']." x ".$val['pack_count'].")"; ?></div>
-                                    <div class="credits-number"><?php echo $val['credit_points']; ?> Credits</div>
-                        </th>
-                        <td><span class="price-symbol">$</span><?php echo $val['costSum']; ?></td>
-                        </tr>
-                        <?php } ?>   
+                                        <?php foreach ($memberCredits as $val) { ?>    
+                                        <tr>                 
+                                        <td style="padding: 10px;  border-bottom: 1px solid #ededed;">
+                                                    <div class="product-name"><?php echo $val['package_name']." (".$val['cost']." x ".$val['pack_count'].")"; ?></div>
+                                                    <div class="credits-number"><?php echo $val['credit_points']; ?> Credits</div>
+                                        </td>
+                                        <td style="  border-bottom: 1px solid #ededed;"><span class="price-symbol">$</span><?php echo $val['costSum']; ?></td>
+                                        </tr>
+                                        <?php } ?> 
                                                 <tr >
-                                                <th class="total">PST (<?= $pst; ?>%)</th>
+                                                <td style="padding: 10px;">PST (<?= $pst; ?>%)</td>
                                                 <td> <span class="price-symbol">$</span><?= round($Subtotal * $pst / 100 , 2); ?></td>
                                                 </tr>
                                                 <tr>
-                                                <th class="total">GST (<?= $gst; ?>%)</th>
+                                                <td style="padding: 10px;">GST (<?= $gst; ?>%)</td>
                                                 <td> <span class="price-symbol">$</span><?= round($Subtotal * $gst / 100 , 2); ?></td>
                                                 </tr> 
                                                 <tr>
-                                                <th class="total action_head">Total</th>
+                                                <td style="padding: 10px;">Total</td>
                                                 <td class="action_head"> <span  class="price-symbol ">$</span><?= round( ( $Subtotal + (($Subtotal * ($gst + $pst) ) / 100) ) , 2 ); ?></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                            </div><!-- /.col -->
-                        </div><!-- /.row -->
-
-                       
-                    </section>
-                </section>
-
+                                            </tbody>
+                                        </table>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td style="height:40px;">&nbsp;</td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td style="height:20px;">&nbsp;</td>
+                    </tr>
+                  
+                </table>
+            </td>
+        </tr>
+    </table>
 </body>
-</html>
+
+</html>
\ No newline at end of file
