diff --git a/advanced_vat_invoice/doc/RELEASE_NOTES.md b/advanced_vat_invoice/doc/RELEASE_NOTES.md
index 35763a5bc..f3ecf9db9 100755
--- a/advanced_vat_invoice/doc/RELEASE_NOTES.md
+++ b/advanced_vat_invoice/doc/RELEASE_NOTES.md
@@ -5,3 +5,9 @@
 ##### ADD
 
 - Initial Commit for Advanced VAT Invoice
+
+#### 26.11.2024
+#### Version 18.0.1.0.0
+##### Bug fixes
+
+- Added Total section on the VAT invoice report and updated the index
diff --git a/advanced_vat_invoice/report/vat_invoice_report_templates.xml b/advanced_vat_invoice/report/vat_invoice_report_templates.xml
index 9f4fbf165..283b81a31 100644
--- a/advanced_vat_invoice/report/vat_invoice_report_templates.xml
+++ b/advanced_vat_invoice/report/vat_invoice_report_templates.xml
@@ -31,7 +31,7 @@
                             <br/>
                         </table>
                     </div>
-                    <br/>
+                    <br/><br/>
                     <div class="row mt32 mb32">
                         <div class="col-9" style="color:black; ">
                             <table style="border:2pt solid grey;width:100%;padding:10pt;color:black;"
@@ -69,6 +69,7 @@
                         </div>
                     </div>
                     <br/>
+                    <br/>
                     <table style="border:2pt solid grey;width:100%;color:black; margin-top:0pt; color:black;"
                            class="table-condensed">
                         <thead>
@@ -260,20 +261,15 @@
                             </td>
                         </tr>
                     </table>
-                    <br/>
-                    <table style="border:2pt solid grey;width:100%; height: 23px;color:black; margin-top:10pt;"
-                           class="table-condensed table-sm">
-                        <tr>
-                            <td style="padding:2pt;margin:0pt;font-weight: bold;text-align:center;">
-                                <span class="text-right arabic">Order Line
-                                    Items/البنود
-                                </span>
-                            </td>
-                        </tr>
-                    </table>
+                    <br/><br/>
                     <table style="border:2pt solid grey;width:100%;color:black; margin-top:0pt; color:black;"
                            class="table-condensed">
                         <thead>
+                            <tr>
+                                <td colspan="8" style="border:2pt solid grey;text-align:center;padding:2pt;">
+                                    <span class="text-right arabic">Order Line Items/البنود</span>
+                                </td>
+                            </tr>
                             <tr style="background-color:#DCDCDC">
                                 <td width="20%"
                                     style="border:2pt solid grey;text-align:center;padding:2pt; ">
@@ -371,6 +367,59 @@
                             </tr>
                         </tbody>
                     </table>
+                    <br/>
+                    <table style="border:2pt solid grey;width:100%;color:black;"
+                           class="table table-bordered table-sm">
+                        <thead>
+                            <tr>
+                                <td width="40%"
+                                    style="font-weight: bold;text-align:left;padding:2pt">
+                                    Total Taxable
+                                    Amount (excl. VAT)
+                                </td>
+                                <td class="amount" width="40%"
+                                    style="text-align:right;padding:2pt">إجمالي
+                                    المبلغ
+                                    الخاضع للضريبة (غير شامل ضريبة القيمة
+                                    المضافة)
+                                </td>
+                                <td width="40%"
+                                    style="text-align:right;padding:2pt"
+                                    class="text-right">
+                                    <span t-esc="doc.currency_id.symbol"/>
+                                    <span t-esc="doc.amount_untaxed"/>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td style="font-weight: bold;text-align:left;padding:3pt">
+                                    Total VAT
+                                </td>
+                                <td class="total"
+                                    style="text-align:right;padding:3pt">مجموع
+                                    ضريبة القيمة المضافة
+                                </td>
+                                <td style="text-align:right;padding:3pt"
+                                    class="text-right">
+                                    <span t-esc="doc.currency_id.symbol"/>
+                                    <span t-esc="tax_total"/>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td style="font-weight: bold;text-align:left;padding:3pt">
+                                    Amount Due
+                                </td>
+                                <td class="due"
+                                    style="text-align:right;padding:3pt">اجمالي
+                                    المبلغ المستحق
+                                </td>
+                                <td style="text-align:right;padding:3pt"
+                                    class="text-right">
+                                    <span t-esc="doc.currency_id.symbol"/>
+                                    <span t-esc="doc.amount_residual"/>
+                                </td>
+                            </tr>
+                        </thead>
+                    </table>
                 </t>
             </t>
         </t>
diff --git a/advanced_vat_invoice/static/description/index.html b/advanced_vat_invoice/static/description/index.html
index e31556c49..3e9354564 100644
--- a/advanced_vat_invoice/static/description/index.html
+++ b/advanced_vat_invoice/static/description/index.html
@@ -21,11 +21,13 @@
           --text-color: #121212;
           --text-color-light: #64728f;
         }
-        body{
-          font-family: "Montserrat", sans-serif;
+
+        body {
+            font-family: "Montserrat", sans-serif;
         }
+
         .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
-            color: var(--text-color);
+            color: #121212;
             font-family: Montserrat;
             font-size: 16px !important;
             font-weight: 500 !important;
@@ -36,51 +38,54 @@
             border: none;
             margin-bottom: 0;
             padding: 12px 24px;
-      }
-      .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
-      border-color: transparent;
-      isolation: isolate;
-      }
-      .nav-tabs .nav-link:focus-visible {
-      border-color: transparent;
-      box-shadow: none;
-      }
-      /* owl-carosel */
-    .owl-carousel .owl-nav {
-      position: absolute;
-      top: 42%;
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      transform: translateY(-42%);
-    }
+        }
+
+        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
+            border-color: transparent;
+            isolation: isolate;
+        }
+
+        .nav-tabs .nav-link:focus-visible {
+            border-color: transparent;
+            box-shadow: none;
+        }
 
-    .owl-carousel .owl-nav button.owl-prev {
-      position: absolute;
-      right: -36px;
-      font-size: 28px;
-      background-color: #e4e4e4;
-      border-radius: 20px;
-      width: 40px;
-      height: 40px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
+        /* owl-carosel */
+        .owl-carousel .owl-nav {
+            position: absolute;
+            top: 42%;
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+            transform: translateY(-42%);
+        }
+
+        .owl-carousel .owl-nav button.owl-prev {
+            position: absolute;
+            right: -36px;
+            font-size: 28px;
+            background-color: #e4e4e4;
+            border-radius: 20px;
+            width: 40px;
+            height: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
 
-    .owl-carousel .owl-nav button.owl-next {
-      position: absolute;
-      left: -36px;
-      font-size: 28px;
-      background-color: #e4e4e4;
-      border-radius: 20px;
-      width: 40px;
-      height: 40px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
+        .owl-carousel .owl-nav button.owl-next {
+            position: absolute;
+            left: -36px;
+            font-size: 28px;
+            background-color: #e4e4e4;
+            border-radius: 20px;
+            width: 40px;
+            height: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
 
-    }
+        }
 
     </style>
 </head>
@@ -100,10 +105,6 @@
                  style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
                 Enterprise
             </div>
-            <!--            <div class="text-center"-->
-            <!--                 style="background-color:#7C7BAD !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">-->
-            <!--                Odoo.sh-->
-            <!--            </div>-->
         </div>
         <div class="tab-content" id="myTabContent">
             <!-- description -->
@@ -118,7 +119,7 @@
                             <p class="my-1 text-center text-uppercase"
                                style="
               letter-spacing: 4px !important;
-              color: var(--primary-color);
+              color: #7f54b3;
               font-weight: bold;
               text-align: center;
               font-size: 14px;
@@ -131,11 +132,12 @@
                             </p>
                             <h1 class="text-center text-uppercase my-0"
                                 style="
-              color: var(--text-color);
-              font-size: 46px;
-              font-weight: 700;
-              line-height: normal;
-            ">E-Invoicing For Saudi | Saudi Electronic Invoice.</span>
+                                  color: #121212;
+                                  font-size: 46px;
+                                  font-weight: 700;
+                                  line-height: normal;
+                                ">
+                                E-Invoicing For Saudi | Saudi Electronic Invoice.</span>
                             </h1>
                         </div>
                         <div class="col-lg-12 d-flex justify-content-center align-items-center"
@@ -153,8 +155,8 @@
               font-family: Montserrat;
               display: inline-block;
               padding: 7px 33px;
-              border: 1px solid var(--primary-color);
-              color: var(--primary-color);
+              border: 1px solid #7f54b3;
+              color: #7f54b3;
               text-decoration: none;
             "
                                class="mx-1 mb-2 deep-1 deep_hover">
@@ -214,7 +216,7 @@
      box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25); ">
                     <div class="row">
                         <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
-                            <h2 style=" color: var(--text-color);
+                            <h2 style=" color: #121212;
             text-align: center;
             font-size: 40px;
             font-weight: 700;
@@ -289,13 +291,13 @@
                 </div>
                 <!--code  -->
                 <div class="my-5">
-                    <div style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px; position: relative;">
-                        <div class="wrapper-info"
-                             style="display: flex; flex-direction: column; gap: 20px;">
+                    <div class="position-relative"
+                         style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;">
+                        <div class="d-flex flex-column gap-4">
                             <span class="wrapper-subtitle"
-                                  style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;">e-Invoicing For Saudi | Saudi Electronic Invoice.</span>
+                                  style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;  font-family: Montserrat;">Automatic Database Backup</span>
                             <h3 class="wrapper-details"
-                                style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; ">
+                                style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px;  ">
                                 Are you ready to make your business more
                                 organized?
                                 <br> Improve now!
@@ -303,33 +305,31 @@
                             <div class="d-flex gap-3">
                                 <a href="mailto:odoo@cybrosys.com"
                                    class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
-            border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20));
-            background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%);
+            border: 1px solid  #ffffff33;
+            background-color: #ffffff14;
             backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;">
-             <span style="border-radius: 12px;
-             background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10));
-             backdrop-filter: blur(6px);padding: 12px;">
-              <img src="./assets/icons/banner-mail.svg">
-           </span>
-                                    <span style="font-weight: 500;">odoo@cybrosys.com</span>
+                                     <span style="border-radius: 12px;
+                                     background-color: #ffffff1a;
+                                     backdrop-filter: blur(6px);padding: 12px;  ">
+                                      <img src="./assets/icons/banner-mail.svg">
+                                   </span>
+                                    <span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span>
                                 </a>
-                                <a href="https://wa.me/919074270811"
-                                   target="_blank" class="shop-btn"
+                                <a href="tel:+91 9074270811" class="shop-btn"
                                    style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
-            border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20));
-            background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%);
+             border: 1px solid  #ffffff33;
+             background-color: #ffffff14;
             backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;">
-             <span style="border-radius: 12px;
-             background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10));
-             backdrop-filter: blur(6px);padding: 12px;">
-              <img src="./assets/icons/banner-call.svg">
-           </span>
-                                    <span style="font-weight: 500;">+91 9074270811</span>
+                                     <span style="border-radius: 12px;
+                                     background-color: #ffffff1a;
+                                     backdrop-filter: blur(6px);padding: 12px;">
+                                      <img src="./assets/icons/banner-call.svg">
+                                   </span>
+                                    <span style="font-weight: 500;font-family: Montserrat;">+91 9074270811</span>
                                 </a>
                             </div>
                         </div>
-                        <div class=""
-                             style="position: absolute; bottom: 0; right: 0;">
+                        <div class="position-absolute bottom-0 end-0">
                             <img src="./assets/icons/banner-pattern.svg"
                                  style="width: 540px;">
                         </div>
@@ -338,6 +338,7 @@
                 <!-- end-code -->
                 <!--  -->
                 <!-- screenshot and other -->
+
                 <div class="mb-4 bg-white"
                      style=" border: 1px solid #EBEEF2; border-radius: 6px; box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.10); border: 1px solid #EBEEF2;">
                     <div>
@@ -388,9 +389,9 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Enable QR Code On
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Database Backup Configuration
                                       </span>
-                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Settings.</span>
+                                                <span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)"> Menu</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
@@ -421,9 +422,9 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Generate QR Code
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Create New
                                       </span>
-                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Automatically.</span>
+                                                <span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">Database Backup Configuration.</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
@@ -453,9 +454,9 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Generate QR Code
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Store Backup to Remote
                                       </span>
-                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Manually.</span>
+                                                <span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">Manually.</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
@@ -484,9 +485,10 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Download
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">
+                                          Download
                                       </span>
-                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">PDF Reports.</span>
+                                                <span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">PDF Reports.</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
@@ -519,7 +521,7 @@
                               font-weight: 700;">
                                       <span style="color:#121212; font-size:calc(1.1rem + 1vw)">VAT invoice
                                       </span>
-                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Report.</span>
+                                                <span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">Report.</span>
                                             </h1>
                                         </div>
 
@@ -544,7 +546,7 @@
                               font-weight: 700;">
                                       <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Simplified Tax invoice
                                       </span>
-                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Report.</span>
+                                                <span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">Report.</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -568,7 +570,7 @@
                               font-weight: 700;">
                                       <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Install E-invoice
                                       </span>
-                                                <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> QR Reader KSA.</span>
+                                                <span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)"> QR Reader KSA.</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
@@ -687,17 +689,19 @@
                 </div>
                 <!--  -->
                 <!-- related post -->
+
+
                 <div class="" style="margin-top: 100px;">
                     <div class="text-center mt-4">
                         <h3 class="mb-0" style="color: #000;
-      text-align: center;
-      font-family: Montserrat;
-      font-size: 40px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: normal;
-      text-transform: uppercase;
-      padding-bottom: 50px;"
+                      text-align: center;
+                      font-family: Montserrat;
+                      font-size: 40px;
+                      font-style: normal;
+                      font-weight: 700;
+                      line-height: normal;
+                      text-transform: uppercase;
+                      padding-bottom: 50px;"
                         >Related Modules</h3>
                     </div>
                     <div class="owl-carousel owl-theme">