diff --git a/app/Views/success_mail.php b/app/Views/success_mail.php
index 4272b43..e4e926b 100644
--- a/app/Views/success_mail.php
+++ b/app/Views/success_mail.php
@@ -1,135 +1,121 @@
 <!DOCTYPE html>
 <html lang="en-US">
 <head>
-    <title>Payment Successful - Golf Evolution</title>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="icon" href="<?= base_url()."/public"; ?>/assets/member_images/favicon.png" sizes="192x192" />
-    <link rel="apple-touch-icon" href="<?= base_url()."/public"; ?>/assets/member_images/favicon.png" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="<?= base_url()."/public"; ?>/assets/member_css/front-style.css">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
-    <script src="<?= base_url()."/public"; ?>/assets/member_js/ajax.js"></script>
+<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
+<script src="//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 ---------->
 
-<section>
-    <div class="container">
-        <div class="row">
-            <div class="col-lg-2"></div>
-            <div class="col-lg-8">
-                <div class="payment-box">
-                    <div class="row payment-head">
-                        <div class="col-lg-12">
-                            <div>
-                                <h1 class="sucessful-heading">Payment Successful!</h1>
-                              
-                            </div>
+<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>
-                    </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 aside">
-                        <div class="col-lg-12">
-                            <div class="row">
-                                <div class="aside-content col-lg-4">
-                                    <div class="trans-id label">Order Id</div>
-                                    <div class="trans-id"><?= $order_id; ?></div>
-                                </div>
-                                <div class="aside-content col-lg-4">
-                                    <div class="trans-date label">Transaction Date</div>
-                                    <div class="trans-date"><?= $formattedDate; ?></div>
-                                </div>
-                                <div class="aside-content col-lg-4 aside-content-last">
-                                    <div class="trans-method label">Payment Method</div>
-                                    <div class="trans-method"><?= $card_brand; ?> card ending with <?= $last_4; ?></div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="row order">            
-                         <div class="col-lg-12">
-                               <div class="order-heading">Your Order</div>
-                         </div>      
-                         <?php foreach ($memberCredits as $val) { ?>                     
-                        <div class="col-lg-6">                                                   
-                            <div class="row">
-                               
-                                <div class="col-lg-5">
+                        <div class="row">
+                            <!-- accepted payments column -->
+                            <div class="col-md-12">
+                                
+                                <div class="table-responsive">
+                                    <table class="table">
+                                        <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>
-                                    <!-- <div class="credit-point">20+4 Credits Extra*</div>
-                                    <div class="credit-price">1 Credit at $22.90</div> -->
+                        </th>
+                        <td><span class="price-symbol">$</span><?php echo $val['costSum']; ?></td>
+                        </tr>
+                        <?php } ?>   
+                                                <tr >
+                                                <th class="total">PST (<?= $pst; ?>%)</th>
+                                                <td> <span class="price-symbol">$</span><?= round($Subtotal * $pst / 100 , 2); ?></td>
+                                                </tr>
+                                                <tr>
+                                                <th class="total">GST (<?= $gst; ?>%)</th>
+                                                <td> <span class="price-symbol">$</span><?= round($Subtotal * $gst / 100 , 2); ?></td>
+                                                </tr> 
+                                                <tr>
+                                                <th class="total action_head">Total</th>
+                                                <td class="action_head"> <span  class="price-symbol ">$</span><?= round( ( $Subtotal + (($Subtotal * ($gst + $pst) ) / 100) ) , 2 ); ?></td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
                                 </div>
-                                <div class="col-lg-3"></div>
-                            </div>
-                        </div>
+                            </div><!-- /.col -->
+                        </div><!-- /.row -->
+
                        
-                        <div class="col-lg-6 d-flex justify-content-end align-items-start">
-                            <div class="order-total"><span class="price-symbol">$</span><?php echo $val['costSum']; ?></div>
-                        </div>
-                        <?php } ?>
-                    </div>
-
-                    <div class="total">
-
-                        <div class="row total-list">
-                            <div class="col-lg-6">
-                                <div class="subtotal label">Subtotal</div>
-                            </div>
-                            <div class="col-lg-6 text-end">
-                                <div class="subtotal"><span class="price-symbol">$</span><?= $Subtotal; ?></div>                            
-                            </div>
-                        </div>
-
-                        <div class="row total-list">
-                            <div class="col-lg-6">
-                                <div class="taxes label">Taxes</div>
-                            </div>
-                            <div class="col-lg-2"></div>
-                            <div class="col-lg-2 text-end">
-                                <div class="taxes pst label">PST (<?= $pst; ?>%)</div>                            
-                            </div>
-                            <div class="col-lg-2 text-end">
-                               <div class="taxes pst"><span class="price-symbol">$</span><?= round($Subtotal * $pst / 100 , 2); ?></div>                            
-                            </div>
-                            <div class="col-lg-6">                               
-                            </div>
-                            <div class="col-lg-2"></div>
-                            <div class="col-lg-2 text-end">
-                                <div class="taxes gst label">GST (<?= $gst; ?>%)</div>                            
-                            </div>
-                            <div class="col-lg-2 text-end">
-                               <div class="taxes gst"><span class="price-symbol">$</span><?= round($Subtotal * $gst / 100 , 2); ?></div>                            
-                            </div>
-                        </div>
-                       
-                        <div class="row sub-total-main">
-                            <div class="col-lg-6">
-                                <div class="order-total label">Total</div>
-                            </div>
-                            <div class="col-lg-6 text-end">
-                                <div class="order-total"><span class="price-symbol">$</span><?= round( ( $Subtotal + (($Subtotal * ($gst + $pst) ) / 100) ) , 2 ); ?></div>
-                            </div>
-                        </div>
-                    </div>
-                    
-                                          
-                </div>
-            </div>
-            <div class="col-lg-2"></div>
-        </div>
-    </div>
-</section>
-
-
+                    </section>
+                </section>
 
 </body>
-</html>
\ No newline at end of file
+</html>
