diff --git a/base_accounting_kit/static/description/assets/icons/mouse-cursor.svg b/base_accounting_kit/static/description/assets/icons/mouse-cursor.svg
new file mode 100644
index 000000000..081204c3a
--- /dev/null
+++ b/base_accounting_kit/static/description/assets/icons/mouse-cursor.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 102.53 122.88"><title>mouse-cursor</title><path d="M76.7,122.45a4.62,4.62,0,0,1-3.11.28,4.34,4.34,0,0,1-2.66-2L59.78,101.51l-10.61,11.9A13.37,13.37,0,0,1,44.4,117a6.27,6.27,0,0,1-3.63.42,4.82,4.82,0,0,1-3.14-2.26,8.74,8.74,0,0,1-1.18-4l-5.91-77a1.09,1.09,0,0,1,0-.18,3.22,3.22,0,0,1,1.3-2.65,1.85,1.85,0,0,1,.63-.31,3.09,3.09,0,0,1,1.34-.15,3.34,3.34,0,0,1,1.23.39,1.76,1.76,0,0,1,.37.23L99,75a8.86,8.86,0,0,1,2.91,3,4.79,4.79,0,0,1,.38,3.85,6.29,6.29,0,0,1-2.18,2.93,13.34,13.34,0,0,1-5.47,2.35l-.07,0L79,90.38,90.1,109.66a4.32,4.32,0,0,1,.41,3.29,4.66,4.66,0,0,1-1.94,2.67l-.13.07-11.5,6.64a.9.9,0,0,1-.24.12Zm-2.08-3.62a.62.62,0,0,0,.33,0,.34.34,0,0,1,.12-.06l11.35-6.55a.58.58,0,0,0,.2-.31.35.35,0,0,0,0-.25l-13-22.22h0a2.05,2.05,0,0,1-.22-.6A2,2,0,0,1,75,86.46l18.26-3.24h.07a9.41,9.41,0,0,0,3.8-1.58,2.36,2.36,0,0,0,.83-1,.91.91,0,0,0-.11-.73,5,5,0,0,0-1.61-1.58l-61-41.92L41,110a4.86,4.86,0,0,0,.57,2.19.89.89,0,0,0,.57.45,2.22,2.22,0,0,0,1.29-.21,9.16,9.16,0,0,0,3.26-2.5l11.37-13.7h0a2.19,2.19,0,0,1,.5-.41,2,2,0,0,1,2.75.74l13.09,22.16a.34.34,0,0,0,.21.12Zm.44-.06a2,2,0,0,1,.88-.21l-.88.21ZM29.52,15.37a14.11,14.11,0,0,1,10,4.14c.27.27.52.54.76.82l-.41-.13a15.23,15.23,0,0,0-2.35-.54c-.26-.05-.53-.09-.79-.12a16.41,16.41,0,0,0-3.64,0l-.51.07a10.42,10.42,0,0,0-10.41,2.57h0a10.33,10.33,0,0,0-3,7.34,10.43,10.43,0,0,1-.18,3,16,16,0,0,0-.27,2.56,12.31,12.31,0,0,0,0,1.92l.14,1.78a14.16,14.16,0,0,1,.67-19.29h0a14.1,14.1,0,0,1,10-4.14ZM29.52,0A29.53,29.53,0,0,1,59.05,29.52c0,1,0,1.92-.14,2.86l-4.34-3A25,25,0,1,0,19.9,52.66l.38,4.91A29.53,29.53,0,0,1,29.52,0Z"/></svg>
\ No newline at end of file
diff --git a/base_accounting_kit/static/description/assets/icons/whatsapp.png b/base_accounting_kit/static/description/assets/icons/whatsapp.png
deleted file mode 100644
index d513a5356..000000000
Binary files a/base_accounting_kit/static/description/assets/icons/whatsapp.png and /dev/null differ
diff --git a/base_accounting_kit/static/description/assets/icons/whatsapp.svg b/base_accounting_kit/static/description/assets/icons/whatsapp.svg
new file mode 100644
index 000000000..bba9ca395
--- /dev/null
+++ b/base_accounting_kit/static/description/assets/icons/whatsapp.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.98 24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <path class="cls-1" d="m20.43,3.49C18.18,1.24,15.18,0,11.99,0c-3.18,0-6.19,1.24-8.46,3.48C1.26,5.73,0,8.72,0,11.89h0c0,1.92.5,3.86,1.46,5.62L.03,24l6.56-1.49c1.66.84,3.52,1.28,5.39,1.28h0c3.18,0,6.19-1.24,8.46-3.48,2.28-2.25,3.53-5.24,3.53-8.41,0-3.15-1.26-6.14-3.54-8.41Zm-8.45,18.43h0c-1.68,0-3.34-.42-4.81-1.22l-.31-.17-4.36.99.95-4.31-.18-.32c-.91-1.57-1.39-3.3-1.39-5,0-5.52,4.54-10.02,10.11-10.02,2.69,0,5.22,1.04,7.12,2.94,1.93,1.92,2.99,4.44,2.99,7.09,0,5.52-4.54,10.02-10.12,10.02Z"/>
+    <path class="cls-1" d="m8.73,6.65h-.53c-.18,0-.48.07-.73.34-.25.27-.96.93-.96,2.28s.98,2.64,1.12,2.83c.14.18,1.9,3.03,4.68,4.13,2.32.91,2.79.73,3.29.68.5-.05,1.62-.66,1.85-1.3s.23-1.19.16-1.3c-.07-.11-.25-.18-.53-.32-.27-.14-1.62-.81-1.87-.9-.25-.09-.43-.14-.62.14-.18.27-.72.91-.88,1.09-.16.18-.32.21-.59.07-.27-.14-1.15-.43-2.2-1.36-.82-.72-1.38-1.65-1.54-1.92-.16-.27-.02-.42.12-.56.12-.12.29-.29.43-.45.14-.16.18-.27.27-.46.09-.18.05-.34-.02-.48-.07-.14-.59-1.49-.84-2.03h0c-.21-.46-.42-.47-.62-.48Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/base_accounting_kit/static/description/index.html b/base_accounting_kit/static/description/index.html
index c934e709e..9ecfcbba4 100644
--- a/base_accounting_kit/static/description/index.html
+++ b/base_accounting_kit/static/description/index.html
@@ -16,16 +16,18 @@
           href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
     <style>
         :root {
-          --primary-color: #7f54b3;
-          --bg-white: #fff;
-          --text-color: #121212;
-          --text-color-light: #64728f;
+            --primary-color: #7f54b3;
+            --bg-white: #fff;
+            --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%);
-    }
+        }
 
-    .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;
-    }
+        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
+            border-color: transparent;
+            isolation: isolate;
+        }
 
-    .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;
+        .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%);
+        }
+
+        .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;
+
+        }
 
     </style>
 </head>
@@ -91,12 +96,48 @@
         <!-- button tab -->
         <!--  -->
         <!-- version support -->
-        <div class="my-3 d-flex align-items-center justify-content-end">
-            <div class="text-center"
-                 style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
-                Community
+        <!-- support-header -->
+
+        <div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;">
+            <div class="row justify-content-between">
+                <div class="col-4">
+                </div>
+                <div class="col-6">
+                    <div class="row" style="margin-top:10px">
+
+                        <div class="my-3 d-flex align-items-center justify-content-end">
+                            <span class="me-3"><b>Supports: </b></span>
+                            <div class="text-center"
+                                 style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
+                                Community
+                            </div>
+                            <!--                            <div class="text-center"-->
+                            <!--                                 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>
+                    </div>
+                    <div class="row" style="margin-top:10px">
+                        <div class="d-flex align-items-center justify-content-end">
+                            <span class="me-3"><b>Availability: </b></span>
+                            <div class="text-center col"
+                                 style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                                <i class="fa fa-check" style="color:green"></i> On Premise
+                            </div>
+                            <div class="text-center col"
+                                 style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                                <i class="fa fa-times" style="color:red"></i> Odoo Online
+                            </div>
+                            <div class="text-center col"
+                                 style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                                <i class="fa fa-times" style="color:red"></i> Odoo.sh
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
+
         <div class="tab-content" id="myTabContent">
             <!-- description -->
             <div class="tab-pane fade show active" id="home" role="tabpanel"
@@ -110,7 +151,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;
@@ -122,7 +163,7 @@
                             </p>
                             <h1 class="text-center text-uppercase my-0"
                                 style="
-              color: var(--text-color);
+              color: #121212;
               font-size: 46px;
               font-weight: 700;
               line-height: normal;
@@ -144,8 +185,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">
@@ -180,6 +221,29 @@
                                 >Skype Us</span
                                 >
                             </a>
+                            <a href="https://wa.me/9074270811"
+                               target="_blank"
+                               style="
+                                      background-color: #25D366;
+                                      font-family: Montserrat;
+                                      display: inline-block;
+                                      padding: 7px 33px;
+                                      border: 1px solid #25D366;
+                                      border-radius: 35px;
+                                      text-decoration: none;
+                                    "
+                               class="mx-1 mb-2 deep-1 deep_hover">
+                                <img
+                                        class="img"
+                                        style="width: 24px"
+                                        src="./assets/icons/whatsapp.svg"
+                                />
+                                <span
+                                        class="pl-2"
+                                        style="color: #fff; font-size: 16px; vertical-align: middle"
+                                >WhatApp</span
+                                >
+                            </a>
                         </div>
                         <div class="d-flex justify-content-center mt-2">
                             <img src="./assets/screenshots/hero.gif"
@@ -187,17 +251,68 @@
                                  style="z-index: 3; height: auto;">
                         </div>
                     </div>
-                    <div class="position-absolute"
-                         style="bottom: 0; z-index: 1; width: 100%;">
+                    <div class="position-absolute bottom-0"
+                         style="z-index: 1; width: 100%;">
                         <img src="./assets/icons/banner-bg.svg"
                              class="img-fluid w-100">
                     </div>
-                    <div class="position-absolute"
-                         style="bottom: 0; right: 0; z-index: 2;">
+                    <div class="position-absolute bottom-0 end-0"
+                         style=" z-index: 2;">
                         <img src="./assets/icons/patter.svg">
                     </div>
                 </div>
+
+                <!-- Live Preview -->
+
+                <div class="" style="border-radius: 32px;
+                                     padding: 27px 40px;
+                                     border: 5px solid #EBEEF2;
+                                     background: #E3E3EE;
+                                     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: 620;
+                                        padding-bottom: 50px;">Demo Database for Accounting Kit
+                            </h2>
+                            <div class="col-md-6 col-sm-12 p-3">
+                                <div class="d-flex flex-column h-100"
+                                     style="padding:13px; border-radius:25px; background-color:#faf8ff">
+                                    <div class="d-flex align-items-center justify-content-center">
+                                        <a href="https://kit.easyinstance.com"
+                                           style="text-decoration: none; color:#1A202C; font-weight:700; font-size:1.6rem; margin-bottom:2px;"
+                                           target="_blank">
+                                            https://kit.easyinstance.com
+                                        </a>
+                                        <div class="d-flex justify-content-center align-items-center"
+                                             style="margin-left:13px; background-color:#A375FF !important; border-radius:8px !important; height:50px; width:50px">
+                                            <img src="./assets/icons/mouse-cursor.svg"
+                                                 class="img-responsive" height="29px"
+                                                 width="29px">
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-3 col-sm-12 p-3">
+                                <div class="d-flex flex-column h-100"
+                                     style="padding:13px; border-radius:25px; background-color:#ece9f2">
+                                    <div class="d-flex align-items-center justify-content-center">
+                                        <p
+                                                style="text-decoration: none; color:#d20606; font-weight:500; font-size:1.2rem; margin-bottom:2px;">
+                                            login : demo <br/>
+                                            password : demo
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
                 <!-- key-highlight -->
+
                 <div class="" style="border-radius: 16px;
      padding: 60px 40px;
      border: 1px solid #EBEEF2;
@@ -224,7 +339,7 @@
                                 </div>
                                 <h5 class="m-0"
                                     style="color:#000 !important; font-weight:bold">
-                                        Multiple Invoice Copies Option
+                                    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;">
@@ -244,11 +359,11 @@
                                 </div>
                                 <h5 class="m-0"
                                     style="color:#000 !important; font-weight:bold">
-                                        Manage Customer Follow-Ups.
+                                    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 .
+                                    The Customer follow-up menu will be provided the Activities .
                                 </p>
                             </div>
                         </div>
@@ -265,10 +380,10 @@
                                 </div>
                                 <h5 class="m-0"
                                     style="color:#000 !important; font-weight:bold">
-                                    Translations.                                </h5>
+                                    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.
+                                    This added translation for the module.
                                 </p>
                             </div>
                         </div>
@@ -306,11 +421,11 @@
                                 </div>
                                 <h5 class="m-0"
                                     style="color:#000 !important; font-weight:bold">
-                                        Asset Management System.
+                                    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.
+                                    We can manage the Asset and the related types.
                                 </p>
                             </div>
                         </div>
@@ -353,7 +468,8 @@
                                 </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.
+                                    In the Register Payment wizard we can add the PDC to the recipient's bank
+                                    account.
                                 </p>
                             </div>
                         </div>
@@ -374,7 +490,7 @@
                                 </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.
+                                    In the Account Dashboard we can reconcile by clicking the button Reconcile.
                                 </p>
                             </div>
                         </div>
@@ -395,21 +511,23 @@
                                 </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.
+                                    In the Lock Dates wizard we can set the different Lock Dates.
                                 </p>
                             </div>
                         </div>
                     </div>
                 </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;">Odoo 18 Full Accounting Kit for Community</span>
+                                  style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;  font-family: Montserrat;">Odoo 18 Full Accounting Kit for Community</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!
@@ -417,37 +535,37 @@
                             <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>
                     </div>
                 </div>
+
                 <!-- end-code -->
                 <!--  -->
                 <!-- screenshot and other -->
@@ -516,7 +634,7 @@
                                         </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)">
-                                                  Can Create Assets from Accounting > Accounting > Assets > New.
+                                                Can Create Assets from Accounting > Accounting > Assets > New.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -544,7 +662,8 @@
                                         </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)">
-                                                 Can see the all Related data in the Asset model, It helps to calculate the depreciation.
+                                                Can see the all Related data in the Asset model, It helps to
+                                                calculate the depreciation.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -573,7 +692,8 @@
                                         </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)">
-                                             Can Create Asset categories from Accounting > Configuration > Asset Types > New option.
+                                                Can Create Asset categories from Accounting > Configuration >
+                                                Asset Types > New option.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -679,11 +799,11 @@
                                                 <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">  Widget.</span>
                                             </h1>
                                         </div>
-<!--                                        <div class="col-md-12 mb-4">-->
-<!--                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(&#45;&#45;text-color-light)">-->
-<!--                                                Can reconcile the entries.-->
-<!--                                            </p>-->
-<!--                                        </div>-->
+                                        <!--                                        <div class="col-md-12 mb-4">-->
+                                        <!--                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(&#45;&#45;text-color-light)">-->
+                                        <!--                                                Can reconcile the entries.-->
+                                        <!--                                            </p>-->
+                                        <!--                                        </div>-->
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
                                                  style="background-color:#fff; border-radius:10px">
@@ -772,7 +892,8 @@
                                         </div>
                                     </div>
                                 </div>
-                            </div><div class="position-relative mb-4"
+                            </div>
+                            <div class="position-relative mb-4"
                                  style="border-radius:10px; background-color:#f4f4f4">
                                 <div class="p-md-5 p-3 position-relative">
                                     <div class="row">
@@ -838,7 +959,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)">
-                                                 Can see menus for getting the Account related Reports. like -Profit and Loss, Balance Sheet , Cash Flow, Bank Book, Cash Book , Day Book etc
+                                                Can see menus for getting the Account related Reports. like
+                                                -Profit and Loss, Balance Sheet , Cash Flow, Bank Book, Cash
+                                                Book , Day Book etc
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -852,7 +975,8 @@
                                         </div>
                                     </div>
                                 </div>
-                            </div><div class="position-relative mb-4"
+                            </div>
+                            <div class="position-relative mb-4"
                                  style="border-radius:10px; background-color:#f4f4f4">
                                 <div class="p-md-5 p-3 position-relative">
                                     <div class="row">
@@ -875,7 +999,8 @@
                                         </div>
                                     </div>
                                 </div>
-                            </div><div class="position-relative mb-4"
+                            </div>
+                            <div class="position-relative mb-4"
                                  style="border-radius:10px; background-color:#f4f4f4">
                                 <div class="p-md-5 p-3 position-relative">
                                     <div class="row">
@@ -883,7 +1008,7 @@
                                             <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: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Balance Sheet -</span>
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.
                                       </span>
                                             </h1>
                                         </div>
@@ -921,11 +1046,12 @@
                                         </div>
                                     </div>
                                 </div>
-                            </div><div class="position-relative mb-4"
+                            </div>
+                            <div class="position-relative mb-4"
                                  style="border-radius:10px; background-color:#f4f4f4">
                                 <div class="p-md-5 p-3 position-relative">
                                     <div class="row">
-                                             <div class="col-md-12">
+                                        <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: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Bank Book -</span>
@@ -969,7 +1095,8 @@
                                         </div>
                                     </div>
                                 </div>
-                            </div><div class="position-relative mb-4"
+                            </div>
+                            <div class="position-relative mb-4"
                                  style="border-radius:10px; background-color:#f4f4f4">
                                 <div class="p-md-5 p-3 position-relative">
                                     <div class="row">
@@ -977,7 +1104,7 @@
                                             <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: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Day Book - </span>
-                                                  <span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.
 
                                       </span>
                                             </h1>
@@ -1002,7 +1129,7 @@
                                             <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: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Aged Partner Balance </span>
-                                                  <span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.
                                       </span>
                                             </h1>
                                         </div>
@@ -1018,7 +1145,8 @@
                                         </div>
                                     </div>
                                 </div>
-                            </div><div class="position-relative mb-4"
+                            </div>
+                            <div class="position-relative mb-4"
                                  style="border-radius:10px; background-color:#f4f4f4">
                                 <div class="p-md-5 p-3 position-relative">
                                     <div class="row">
@@ -1041,7 +1169,8 @@
                                         </div>
                                     </div>
                                 </div>
-                            </div><div class="position-relative mb-4"
+                            </div>
+                            <div class="position-relative mb-4"
                                  style="border-radius:10px; background-color:#f4f4f4">
                                 <div class="p-md-5 p-3 position-relative">
                                     <div class="row">
@@ -1049,7 +1178,7 @@
                                             <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: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Invoice Analysis </span>
-                                                                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.</span>
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -1063,7 +1192,8 @@
                                         </div>
                                     </div>
                                 </div>
-                            </div><div class="position-relative mb-4"
+                            </div>
+                            <div class="position-relative mb-4"
                                  style="border-radius:10px; background-color:#f4f4f4">
                                 <div class="p-md-5 p-3 position-relative">
                                     <div class="row">
@@ -1132,7 +1262,8 @@
                                         </div>
                                     </div>
                                 </div>
-                            </div><div class="position-relative mb-4"
+                            </div>
+                            <div class="position-relative mb-4"
                                  style="border-radius:10px; background-color:#f4f4f4">
                                 <div class="p-md-5 p-3 position-relative">
                                     <div class="row">
@@ -1140,7 +1271,7 @@
                                             <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: var(--primary-color); font-size:calc(1.1rem + 1vw)">Journal Audit </span>
-                                                 <span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.</span>
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.</span>
                                             </h1>
                                         </div>
 
@@ -1216,7 +1347,7 @@
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
                                             <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
-                                                 Asset Management System.
+                                                Asset Management System.
                                             </p>
                                         </div>
                                     </div>
@@ -1232,7 +1363,7 @@
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
                                             <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
-                                                 Accounting Report.
+                                                Accounting Report.
                                             </p>
                                         </div>
                                     </div>
@@ -1247,7 +1378,7 @@
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
                                             <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
-                                                    PDC Management.
+                                                PDC Management.
                                             </p>
                                         </div>
                                     </div>
@@ -1262,7 +1393,7 @@
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
                                             <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
-                                                 Reconciliation Widget.
+                                                Reconciliation Widget.
                                             </p>
                                         </div>
                                     </div>
@@ -1294,7 +1425,8 @@
                                                          style="cursor: pointer; background-color:#f8f8f8; border:none; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px;">
                                                         <a class="card-title text-decoration-none"
                                                            style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
-                                                            How does the module handle Post-Dated Cheque (PDC) management?
+                                                            How does the module handle Post-Dated Cheque (PDC)
+                                                            management?
                                                             <img alt=""
                                                                  class="float-end"
                                                                  src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
@@ -1307,7 +1439,9 @@
                                                          id="collapseFAQOne"
                                                          style=" box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
                                                         <p style=" padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
-                                                           You can manage PDCs by adding them to the recipient's bank account in the Register Payment wizard.
+                                                            You can manage PDCs by adding them to the
+                                                            recipient's bank account in the Register Payment
+                                                            wizard.
                                                         </p>
                                                     </div>
                                                 </div>
@@ -1321,7 +1455,7 @@
                                                          style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
                                                         <a class="card-title text-decoration-none"
                                                            style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
-                                                             Does the module support Odoo 18 Community Edition?
+                                                            Does the module support Odoo 18 Community Edition?
                                                             <img alt=""
                                                                  class="float-end"
                                                                  src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
@@ -1334,7 +1468,9 @@
                                                          id="collapseFAQThree"
                                                          style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
                                                         <p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
-                                                           Yes, this module is specifically designed to work with Odoo 18 Community Edition and not for odoo 18 enterprise edition.
+                                                            Yes, this module is specifically designed to work
+                                                            with Odoo 18 Community Edition and not for odoo 18
+                                                            enterprise edition.
                                                         </p>
                                                     </div>
                                                 </div>
@@ -1348,7 +1484,8 @@
                                                          style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
                                                         <a class="card-title text-decoration-none"
                                                            style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
-                                                           How does this module assist with customer follow-ups?
+                                                            How does this module assist with customer
+                                                            follow-ups?
                                                             <img alt=""
                                                                  class="float-end"
                                                                  src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
@@ -1361,7 +1498,8 @@
                                                          id="collapseFAQFour"
                                                          style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
                                                         <p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
-                                                            It provides a customer follow-up menu that manages follow-up activities directly.
+                                                            It provides a customer follow-up menu that manages
+                                                            follow-up activities directly.
                                                         </p>
                                                     </div>
                                                 </div>
@@ -1470,7 +1608,7 @@
                                         </div>
                                         <p class="text-center mb-2 pb-0 text-black"
                                            style="font-weight: 600; padding-top: 16px;">
-                                           Odoo17 Dynamic Accounting Reports</p>
+                                            Odoo17 Dynamic Accounting Reports</p>
                                     </div>
                                 </a>
                             </div>
@@ -1506,7 +1644,7 @@
                                         </div>
                                         <p class="text-center pb-0 mb-2 text-black"
                                            style="font-weight: 600; padding-top: 16px;">
-                                           Import Bank Statement Odoo17</p>
+                                            Import Bank Statement Odoo17</p>
                                     </div>
                                 </a>
                             </div>
@@ -1524,7 +1662,7 @@
                                         </div>
                                         <p class="text-center pb-0 mb-2 text-black"
                                            style="font-weight: 600; padding-top: 16px;">
-                                           Advanced Cash Flow Statements</p>
+                                            Advanced Cash Flow Statements</p>
                                     </div>
                                 </a>
                             </div>