diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit1.png b/base_accounting_kit/static/description/assets/icons/accounting_kit1.png
new file mode 100644
index 000000000..8c75d445c
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit1.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit10.png b/base_accounting_kit/static/description/assets/icons/accounting_kit10.png
new file mode 100644
index 000000000..6f5eeb028
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit10.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit11.png b/base_accounting_kit/static/description/assets/icons/accounting_kit11.png
new file mode 100644
index 000000000..c3ac1b6e3
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit11.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit2.png b/base_accounting_kit/static/description/assets/icons/accounting_kit2.png
new file mode 100644
index 000000000..863b11f1d
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit2.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit3.png b/base_accounting_kit/static/description/assets/icons/accounting_kit3.png
new file mode 100644
index 000000000..391d4b3bb
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit3.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit4.jpg b/base_accounting_kit/static/description/assets/icons/accounting_kit4.jpg
new file mode 100644
index 000000000..33c965b1b
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit4.jpg differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit5.png b/base_accounting_kit/static/description/assets/icons/accounting_kit5.png
new file mode 100644
index 000000000..6d5b96683
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit5.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit6.png b/base_accounting_kit/static/description/assets/icons/accounting_kit6.png
new file mode 100644
index 000000000..c9d17d979
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit6.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit7.png b/base_accounting_kit/static/description/assets/icons/accounting_kit7.png
new file mode 100644
index 000000000..4f6eef248
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit7.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit8.png b/base_accounting_kit/static/description/assets/icons/accounting_kit8.png
new file mode 100644
index 000000000..6d4b8c472
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit8.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/accounting_kit9.png b/base_accounting_kit/static/description/assets/icons/accounting_kit9.png
new file mode 100644
index 000000000..8954373fc
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/accounting_kit9.png differ
diff --git a/base_accounting_kit/static/description/assets/icons/ajmaljk.png b/base_accounting_kit/static/description/assets/icons/ajmaljk.png
new file mode 100644
index 000000000..63617cf57
Binary files /dev/null and b/base_accounting_kit/static/description/assets/icons/ajmaljk.png differ
diff --git a/base_accounting_kit/static/description/assets/screenshots/hero.gif b/base_accounting_kit/static/description/assets/screenshots/hero.gif
index 86b1342ed..38deff2b3 100644
Binary files a/base_accounting_kit/static/description/assets/screenshots/hero.gif and b/base_accounting_kit/static/description/assets/screenshots/hero.gif differ
diff --git a/base_accounting_kit/static/description/assets/screenshots/hero_old.gif b/base_accounting_kit/static/description/assets/screenshots/hero_old.gif
new file mode 100644
index 000000000..86b1342ed
Binary files /dev/null and b/base_accounting_kit/static/description/assets/screenshots/hero_old.gif differ
diff --git a/base_accounting_kit/static/description/index.html b/base_accounting_kit/static/description/index.html
index fcc447455..3b24a34d0 100644
--- a/base_accounting_kit/static/description/index.html
+++ b/base_accounting_kit/static/description/index.html
@@ -146,28 +146,14 @@
                     <div class="row " style="
           padding: 2rem 0rem 0 !important;
         ">
-                        <div class="col-lg-8 mx-auto gap-4 d-flex flex-column align-items-center">
-                            <p class="my-1 text-center text-uppercase"
-                               style="
-              letter-spacing: 4px !important;
-              color: #7f54b3;
-              font-weight: bold;
-              text-align: center;
-              font-size: 14px;
-              font-weight: 600;
-              line-height: 15.96px;
-              text-transform: uppercase;
-            ">
-                                A Full-Fledged Accounting kit For Every Organization.
-                            </p>
-                            <h1 class="text-center text-uppercase my-0"
-                                style="
-              color: #121212;
-              font-size: 46px;
-              font-weight: 700;
-              line-height: normal;
-            ">Odoo 18 Full Accounting Kit for Community</span>
+                        <div class="col-lg-12 d-flex flex-column align-items-center">
+                            <h1 class="text-center text-uppercase"
+                                style="font-size: 67px !important; color: #5154a5; font-weight: 900 !important;">
+                                <span style="font-weight: bold;color:#5154a5;">Odoo 18 Full Accounting Kit for Community</span>
                             </h1>
+                            <p class="my-1 text-center text-uppercase"
+                               style="letter-spacing: 4px !important; color: #74788D !important;font-size: 21px;font-weight: bold;">
+                                A Full-Fledged Accounting kit For Every Organization.</p>
                         </div>
                         <div class="col-lg-12 d-flex justify-content-center align-items-center"
                              style="margin: 3rem 0;">
@@ -246,14 +232,13 @@
                                 >+91 9074270811</span>
                             </a>
                         </div>
-                        <div class="d-flex justify-content-center mt-2">
-                            <img src="./assets/screenshots/hero.gif"
-                                 class="w-100"
-                                 style="z-index: 3; height: auto;">
+                        <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin:2rem 0">
+                            <img src="./assets/screenshots/hero.gif" width="100%" height="auto" class="img-responsive">
                         </div>
+
                     </div>
                     <div class="position-absolute bottom-0"
-                         style="z-index: 1; width: 100%;padding-bottom: 20px;">
+                         style="z-index: 1; width: 100%;padding-bottom: 0px;">
                         <img src="./assets/icons/banner-bg.svg"
                              class="img-fluid w-100">
                     </div>
@@ -265,340 +250,55 @@
 
                 <!-- Live Preview -->
 
-                    <!-- demo-main -->
+                <!-- demo-main -->
                 <div style="background-color: #ECE8F2; padding: 40px; border-radius: 12px; font-family: Arial, sans-serif; text-align: center; color: #000; margin-top: 34px;">
-                  <h1 style="font-size: 32px; font-weight: bold; margin-bottom: 30px;">
-                    Demo Database for Accounting Kit
-                  </h1>
-
-                  <div style="display: flex; justify-content: center; gap: 16px; margin-bottom: 40px; flex-wrap: wrap;">
-                    <a href="https://youtu.be/ROhYgB35Sls" target="_blank" style="background-color: red; color: white; padding: 12px 20px; border-radius: 26px; text-decoration: none; font-weight:600; display: flex; align-items: center; gap: 8px;">
-                      <span style="font-size: 18px;"><img src="./assets/icons/youtube-icon.png"></span> Watch Demo on YouTube
-                    </a>
-                    <a href="https://www.cybrosys.com/blog/what-are-the-key-features-of-odoo-18-full-accounting-kit-for-community" target="_blank" style="background-color: black; color: white; padding: 12px 20px; border-radius: 26px; text-decoration: none; font-weight: 600; display: flex; align-items: center; gap: 8px;">
-                      <span style="font-size: 18px;">                    <img src="./assets/icons/blog-icon.png"></span> Read Our Detailed Blog
-                    </a>
-                  </div>
+                    <h1 style="font-size: 32px; font-weight: bold; margin-bottom: 30px;">
+                        Demo Database for Accounting Kit
+                    </h1>
 
-                  <div style="max-width: 800px; margin: 0 auto; display: flex; flex-wrap: wrap; background: white; border-radius: 16px; overflow: hidden; padding: 30px;">
-                    <div style="flex: 1; min-width: 250px; text-align: left;">
-                      <h2 style="font-size: 20px; font-weight: bold; margin-bottom: 24px;">Login credentials</h2>
-                      <p style="margin-bottom: 8px;">Link</p>
-                      <a href="https://kit.easyinstance.com" target="_blank" style="display: inline-block; padding: 10px 14px; border: 2px dotted black; border-radius: 10px; font-weight: bold; text-decoration: none; color: black;">
-                        https://kit.easyinstance.com
-                        <span style="margin-left: 8px;"><img src="./assets/icons/external-link-line.svg"></span>
-                      </a>
+                    <div style="display: flex; justify-content: center; gap: 16px; margin-bottom: 40px; flex-wrap: wrap;">
+                        <a href="https://youtu.be/ROhYgB35Sls" target="_blank"
+                           style="background-color: red; color: white; padding: 12px 20px; border-radius: 26px; text-decoration: none; font-weight:600; display: flex; align-items: center; gap: 8px;">
+                            <span style="font-size: 18px;"><img src="./assets/icons/youtube-icon.png"></span> Watch Demo
+                            on YouTube
+                        </a>
+                        <a href="https://www.cybrosys.com/blog/what-are-the-key-features-of-odoo-18-full-accounting-kit-for-community"
+                           target="_blank"
+                           style="background-color: black; color: white; padding: 12px 20px; border-radius: 26px; text-decoration: none; font-weight: 600; display: flex; align-items: center; gap: 8px;">
+                            <span style="font-size: 18px;">                    <img src="./assets/icons/blog-icon.png"></span>
+                            Read Our Detailed Blog
+                        </a>
                     </div>
 
-                    <div style="flex: 1; min-width: 250px; background-color: #f2f2f2; border-radius: 12px; padding: 20px; margin-top: 20px;">
-                      <div style="margin-bottom: 20px; text-align: left;">
-                        <p style="margin-bottom: 6px;">Log in</p>
-                        <div style="display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 10px 14px; border-radius: 10px; font-weight: bold;">
-                          demo <span><img src="./assets/icons/user.svg"></span>
-                        </div>
-                      </div>
-                      <div style="text-align: left;">
-                        <p style="margin-bottom: 6px;">Password</p>
-                        <div style="display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 10px 14px; border-radius: 10px; font-weight: bold;">
-                          demo <span><img src="./assets/icons/password.svg"></span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <!-- key-highlight -->
-
-                <div class="" style="border-radius: 16px;
-     padding: 60px 40px;
-     border: 1px solid #EBEEF2;
-     background: #F5F5F7;
-     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);
-            text-align: center;
-            font-size: 40px;
-            font-weight: 700;
-            text-transform: uppercase; padding-bottom: 50px;">Key
-                                Highlights</h2>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px; border: 1px solid  #B6BCCD;
-            background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Multiple Invoice Copies Option
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    We can copy multiple Invoices.</p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Manage Customer Follow-Ups.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    The Customer follow-up menu will be provided the Activities .
-                                </p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-            border: 1px solid  #B6BCCD;
-            background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Translations. </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    This added translation for the module.
-                                </p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Customer Credit Limit.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    Option for adding the Customer Credit Limit.
-                                </p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Asset Management System.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    We can manage the Asset and the related types.
-                                </p>
-                            </div>
+                    <div style="max-width: 800px; margin: 0 auto; display: flex; flex-wrap: wrap; background: white; border-radius: 16px; overflow: hidden; padding: 30px;">
+                        <div style="flex: 1; min-width: 250px; text-align: left;">
+                            <h2 style="font-size: 20px; font-weight: bold; margin-bottom: 24px;">Login credentials</h2>
+                            <p style="margin-bottom: 8px;">Link</p>
+                            <a href="https://kit.easyinstance.com" target="_blank"
+                               style="display: inline-block; padding: 10px 14px; border: 2px dotted black; border-radius: 10px; font-weight: bold; text-decoration: none; color: black;">
+                                https://kit.easyinstance.com
+                                <span style="margin-left: 8px;"><img src="./assets/icons/external-link-line.svg"></span>
+                            </a>
                         </div>
 
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Accounting Report.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    The All related reports are available in the Reporting menu.
-                                </p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    PDC Management.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    In the Register Payment wizard we can add the PDC to the recipient's bank
-                                    account.
-                                </p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Reconciliation Widget.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    In the Account Dashboard we can reconcile by clicking the button Reconcile.
-                                </p>
-                            </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Lock Dates.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    In the Lock Dates wizard we can set the different Lock Dates.
-                                </p>
-                            </div>
-                        </div>
-                         <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Bank Statement CSV File Format.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    We can import Bank Statement in CSV file.
-                                </p>
-                            </div>
-                        </div>
-                         <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Bank Statement XLSX File Format.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                   We can import Bank Statement in XLSX File Format.
-                                </p>
-                            </div>
-                        </div>
-                         <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Bank Statement OFX File Format.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    We can import Bank Statement in OFX File Format.
-                                </p>
+                        <div style="flex: 1; min-width: 250px; background-color: #f2f2f2; border-radius: 12px; padding: 20px; margin-top: 20px;">
+                            <div style="margin-bottom: 20px; text-align: left;">
+                                <p style="margin-bottom: 6px;">Log in</p>
+                                <div style="display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 10px 14px; border-radius: 10px; font-weight: bold;">
+                                    demo <span><img src="./assets/icons/user.svg"></span>
+                                </div>
                             </div>
-                        </div>
-                        <div class="col-lg-4">
-                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
-                                 style="border-radius: 12px;
-          border: 1px solid  #B6BCCD;
-          background:  #FFF;padding:32px ">
-                                <div class="d-flex justify-content-center align-items-center"
-                                     style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
-                                    <img src="./assets/icons/feature-icon.svg"
-                                         class="img-responsive" height="26px"
-                                         width="26px">
-                                </div>
-                                <h5 class="m-0"
-                                    style="color:#000 !important; font-weight:bold">
-                                    Bank Statement QIF File Format.
-                                </h5>
-                                <p class="m-0"
-                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">
-                                    We can import Bank Statement in QIF File Format.
-                                </p>
+                            <div style="text-align: left;">
+                                <p style="margin-bottom: 6px;">Password</p>
+                                <div style="display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 10px 14px; border-radius: 10px; font-weight: bold;">
+                                    demo <span><img src="./assets/icons/password.svg"></span>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
 
-                <!--code  -->
+                <!-- Black Banner section -->
 
                 <div class="my-5">
                     <div class="position-relative"
@@ -625,7 +325,7 @@
                            </span>
                                     <span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span>
                                 </a>
-                                <a href="tel:+91 9074270811" class="shop-btn"
+                                <a href="https://wa.me/9074270811" class="shop-btn" target="_blank"
                                    style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
              border: 1px solid  #ffffff33;
              background-color: #ffffff14;
@@ -646,6 +346,244 @@
                     </div>
                 </div>
 
+                <!-- key-highlight -->
+
+                <div class="mt64 mb64">
+                    <h2 class="text-center text-uppercase"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-size: 50px !important; color:#5154a5; font-weight: 900 !important;">
+                        <span style="font-weight: bold;color:#5154a5;">KEY HIGHLIGHTS</span>
+                    </h2>
+                    <div class="row">
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive" style="width:105px;" src="assets/icons/accounting_kit1.png">
+                                </div>
+                                <div class="col-md-9" style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        All Financial Reports</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Balance Sheet, Profit and Loss, Partner Ledger,General Ledger, Trial Balance,
+                                        Tax Reports, Journals Audit Reports, etc </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive" style="width:105px;" src="assets/icons/accounting_kit2.png">
+                                </div>
+                                <div class="col-md-9" style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Manage Customer Follow-Ups.</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        The Customer follow-up menu will be provided the Activities.</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive" style="width:105px;" src="assets/icons/accounting_kit3.png">
+                                </div>
+                                <div class="col-md-9" style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Multiple Invoice Copies Option</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        We can generate multiple Invoices copies.
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive" style="width:117px;" src="assets/icons/accounting_kit4.jpg">
+                                </div>
+                                <div class="col-md-9" style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Accounting Lock Dates.</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Easily set accounting closing dates</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:105px;" src="assets/icons/accounting_kit5.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Customer Credit Limit.</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Option for adding the Customer Credit Limit.</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:105px;" src="assets/icons/accounting_kit6.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Asset Management System.</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        We can manage the Asset and the related types.</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:105px;" src="assets/icons/ajmaljk.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Translations</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        Different Translations Available<br/>
+                                        Eg : Arabic, German, Chinese, etc</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:105px;" src="assets/icons/accounting_kit7.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        PDC Management.</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        In the Register Payment wizard we can add the
+                                        PDC to the recipient's bank account.</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                          style="width:105px;" src="assets/icons/accounting_kit8.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Bank Statement CSV File Format.</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                         We can import Bank Statement in CSV file.</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                         style="width:105px;" src="assets/icons/accounting_kit9.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Bank Statement XLSX File Format.</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        We can import Bank Statement in XLSX File Format.</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                        style="width:105px;" src="assets/icons/accounting_kit10.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Bank Statement OFX File Format.</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        We can import Bank Statement in OFX File Format.</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6 col-sm-12 mt32">
+                            <div class="container shadow d-flex align-items-center justify-content-center"
+                                 style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
+                                <div class="col-md-3 d-flex align-items-center justify-content-center"
+                                     style="float:left">
+                                    <img class="img img-responsive"
+                                          style="width:105px;" src="assets/icons/accounting_kit11.png">
+                                </div>
+                                <div class="col-md-9"
+                                     style="padding-left:0; float:left; width:70%">
+                                    <h3 class="mt16 mb0"
+                                        style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
+                                        Bank Statement QIF File Format.</h3>
+                                    <p class=" mt8 mb-0"
+                                       style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
+                                        We can import Bank Statement in QIF File Format.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
+                <!--code  -->
+
                 <!-- end-code -->
                 <!--  -->
                 <!-- screenshot and other -->
@@ -1434,7 +1372,9 @@
                                         </div>
                                         <div class="col-md-12 mb-4">
                                             <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)">
-                                                After importing the file user can view the statements that imported. (The example format for csv, xlsx, ofx and qif are added in screenshots folder in the module.).
+                                                After importing the file user can view the statements that imported.
+                                                (The example format for csv, xlsx, ofx and qif are added in screenshots
+                                                folder in the module.).
                                             </p>
                                         </div>