diff --git a/dynamic_accounts_report/static/description/assets/respnsive-img.png b/dynamic_accounts_report/static/description/assets/respnsive-img.png
index 7727f19e3..60f125c02 100644
Binary files a/dynamic_accounts_report/static/description/assets/respnsive-img.png and b/dynamic_accounts_report/static/description/assets/respnsive-img.png differ
diff --git a/dynamic_accounts_report/static/description/assets/screenshots/11_pl_pdf.png b/dynamic_accounts_report/static/description/assets/screenshots/11_pl_pdf.png
index 8e3c7b8f1..20e309fda 100644
Binary files a/dynamic_accounts_report/static/description/assets/screenshots/11_pl_pdf.png and b/dynamic_accounts_report/static/description/assets/screenshots/11_pl_pdf.png differ
diff --git a/dynamic_accounts_report/static/description/index.html b/dynamic_accounts_report/static/description/index.html
index 37fff01e5..488ee8c5b 100644
--- a/dynamic_accounts_report/static/description/index.html
+++ b/dynamic_accounts_report/static/description/index.html
@@ -1,62 +1,72 @@
-<!-- HERO SECTION -->
 <section class="container">
     <div class="row">
-
         <div class="col-lg-6" style="background-color:#1264A3 !important;">
             <!-- HERO IMAGE -->
             <img src="./assets/hero.png" width="100%" height="auto" class="img img-responsive">
             <!-- END OF HERO IMAGE-->
         </div>
         <div class="col-lg-6" style="background-color:#1264A3 !important; padding: 4rem 2.5rem 6rem;">
-            <hr style="border: 2px solid #fff; width: 150px; margin-left: 0;">
-            <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #FFF;margin-top: -0.3em !important;">
-                Odoo Apps
-            </p>
+            <hr style="border: 2px solid #fff; width: 100px; margin-left: 0; margin-bottom: 3rem !important;">
             <h1 style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #FFF; margin-top: -1rem;">
-                Dynamic<br>Financial Reporting
+                Odoo 14 Dynamic Financial Reports
             </h1>
             <p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #FFF;">
-                Support service and package management module.
+                Dynamic Accounting General Ledger, Trial Balance, Balance Sheet, Profit and Loss, Cash Flow Statements,
+                Partner Ledger, Partner Ageing, Day book, Bank book and Cash book - Reports in Odoo 14 community
+                edition.
             </p>
-            <h2 style="font-size: 26px; color: #fff; text-transform: uppercase; margin-top: 3rem;">Key Highlights
+            <h2 style="font-size: 26px; color: #fff; text-transform: uppercase; margin-top: 2rem;">Key Highlights
             </h2>
             <!-- KEY HIGHLIGHTS -->
             <div class="d-flex mt-2">
                 <div class="d-flex justify-content-center align-items-center mr-1"
-                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                     style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                     <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                 </div>
                 <div class="d-flex justify-content-start align-items-center"
-                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                     style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
                         Dynamic Financial Reports for Odoo14 Community Edition.</p>
                 </div>
             </div>
+
             <div class="d-flex mt-2">
                 <div class="d-flex justify-content-center align-items-center mr-1"
-                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                     style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                     <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                 </div>
                 <div class="d-flex justify-content-start align-items-center"
-                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                     style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                         Drill-down approach in reports.</p>
+                </div>
+            </div>
+
+            <div class="d-flex mt-2">
+                <div class="d-flex justify-content-center align-items-center mr-1"
+                     style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                    <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
+                </div>
+                <div class="d-flex justify-content-start align-items-center"
+                     style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                    <p
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
                         Various Filters to Compare.</p>
                 </div>
             </div>
 
             <div class="d-flex mt-2">
                 <div class="d-flex justify-content-center align-items-center mr-1"
-                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                     style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                     <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                 </div>
                 <div class="d-flex justify-content-start align-items-center"
-                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                     style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
-                        Management of customers are similar to project management.</p>
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                        Print to PDF and XLSX Format.</p>
                 </div>
             </div>
             <!-- END OF KEY HIGHLIGHTS -->
@@ -69,13 +79,9 @@
 <section class="container">
     <div class="row">
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
-            <hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
-            <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
-                Odoo Apps
-            </p>
+            <hr style="border: 2px solid #000; width: 100px; margin-left: 0; margin-bottom: 3rem !important;">
             <h1
-                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
+                    style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
                 Overview
             </h1>
             <p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%;">
@@ -96,77 +102,73 @@
 <section class="container">
     <div class="row">
         <div class="col-lg-6 d-flex flex-column align-items-center justify-content-center"
-            style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem;">
-            <img src="./assets/respnsive-img.png" width="80%" height="auto" class="img img-responsive">
+             style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem;">
+            <img src="./assets/feature-1.png" width="80%" height="auto" class="img img-responsive">
         </div>
-        <div class="col-lg-6" style="background-color:#D4D4D4 !important; padding: 8rem 2.5rem 4rem 0;">
-            <hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
-            <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
-                Odoo Apps
-            </p>
+        <div class="col-lg-6" style="background-color:#D4D4D4 !important; padding: 2rem 2.5rem 4rem 0;">
+            <hr style="border: 2px solid #000; width: 100px; margin-left: 0; margin-bottom: 3rem !important;">
             <h1
-                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
+                    style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
                 Features
             </h1>
-            <div class="d-flex mt-2">
+            <div class="d-flex mt-3">
                 <div class="d-flex justify-content-center align-items-center mr-1  deep-2"
-                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                     style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                     <img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
                 </div>
                 <div class="d-flex justify-content-start align-items-center  deep-2"
-                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                     style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                         Dynamic Financial Reports for Odoo14 Community Edition.</p>
                 </div>
             </div>
             <div class="d-flex mt-2">
                 <div class="d-flex justify-content-center align-items-center mr-1  deep-2"
-                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                     style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                     <img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
                 </div>
                 <div class="d-flex justify-content-start align-items-center  deep-2"
-                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                     style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
                         Drill-down approach enabled.</p>
                 </div>
             </div>
             <div class="d-flex mt-2">
                 <div class="d-flex justify-content-center align-items-center mr-1  deep-2"
-                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                     style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                     <img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
                 </div>
                 <div class="d-flex justify-content-start align-items-center  deep-2"
-                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                     style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
                         Various Filters to Compare.</p>
                 </div>
             </div>
             <div class="d-flex mt-2">
                 <div class="d-flex justify-content-center align-items-center mr-1  deep-2"
-                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                     style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                     <img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
                 </div>
                 <div class="d-flex justify-content-start align-items-center  deep-2"
-                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                     style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
                         Access the Journal Entries.
                     </p>
                 </div>
             </div>
             <div class="d-flex mt-2">
                 <div class="d-flex justify-content-center align-items-center mr-1  deep-2"
-                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                     style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                     <img src="./assets/arrow-circle-magenta.png" height="26px" width="26px">
                 </div>
                 <div class="d-flex justify-content-start align-items-center  deep-2"
-                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                     style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
                         PDF and XLSX Reports available.
                     </p>
                 </div>
@@ -176,59 +178,6 @@
 </section>
 <!-- END OF FEATURES SECTION -->
 
-<!-- FEATURE 2 SECTION -->
-<section class="container">
-    <div class="row">
-        <div class="col-lg-6" style="background-color:#FFF !important; padding: 4rem 2.5rem 4rem;">
-            <hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
-            <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
-                Odoo Apps
-            </p>
-            <h1
-                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
-                Features
-            </h1>
-            <p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%;">
-                This module comes under Odoo14 Full Accounting Kit by Cybrosys Technologies which is built under the
-                V14 platform. It facilitates the dynamic financial report of general ledger, trial balance, balance.
-            </p>
-        </div>
-        <div class="col-lg-6 d-flex flex-column align-items-center justify-content-center"
-            style="background-color:#FFF !important; padding: 4rem 2.5rem;">
-            <img src="./assets/feature-1.png" width="80%" height="auto" class="img img-responsive">
-        </div>
-    </div>
-</section>
-<!-- END OF FEATURE 2 SECTION -->
-
-<!-- FEATURE 3 SECTION -->
-<section class="container">
-    <div class="row">
-        <div class="col-lg-6 d-flex flex-column align-items-center justify-content-center"
-            style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem;">
-            <img src="./assets/feature-2.png" width="80%" height="auto" class="img img-responsive">
-        </div>
-        <div class="col-lg-6" style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem 4rem 0rem;">
-            <hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
-            <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
-                Odoo Apps
-            </p>
-            <h1
-                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; text-transform: uppercase;">
-                Features
-            </h1>
-            <p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%;">
-                This module comes under Odoo14 Full Accounting Kit by Cybrosys Technologies which is built under the
-                V14 platform. It facilitates the dynamic financial report of general ledger, trial balance, balance.
-            </p>
-        </div>
-    </div>
-</section>
-<!-- END OF FEATURE 3 SECTION -->
-
-
 <!-- FEATURE 4 SECTION -->
 <section class="container">
     <div class="row">
@@ -237,27 +186,27 @@
             <div class="row" style="margin-top: 3rem;">
                 <div class="col-lg-6 d-flex flex-column align-items-center justify-content-center">
                     <div class="p-3 d-flex justify-content-center align-items-center deep-1"
-                        style="background-color: #F40F02 !important; border-radius: 5px !important; height: 80px !important; width: 80px !important;">
+                         style="background-color: #F40F02 !important; border-radius: 5px !important; height: 80px !important; width: 80px !important;">
                         <i class="fa fa-file-pdf-o" style="font-size: 2rem !important; color: #fff !important;"></i>
                     </div>
                     <h3 class="mt-2"
                         style="color: #000 !important; text-transform: uppercase !important; font-weight: 800 !important;">
                         Export to PDF</h3>
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%; text-align: center;">
-                        Convert your dynamic reports to multiple formats including xlsx, pdf etc.</p>
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%; text-align: center;">
+                        Convert your dynamic reports to PDF documents.</p>
                 </div>
                 <div class="col-lg-6 d-flex flex-column align-items-center justify-content-center deep-1">
                     <div class="p-3 d-flex justify-content-center align-items-center"
-                        style="background-color: #1D6F42 !important; border-radius: 5px !important; height: 80px !important; width: 80px !important;">
+                         style="background-color: #1D6F42 !important; border-radius: 5px !important; height: 80px !important; width: 80px !important;">
                         <i class="fa fa-file-excel-o" style="font-size: 2rem !important; color: #fff !important;"></i>
                     </div>
                     <h3 class="mt-2"
                         style="color: #000 !important; text-transform: uppercase !important; font-weight: 800 !important;">
                         Export to XLSX</h3>
                     <p
-                        style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%;  text-align: center;">
-                        Convert your dynamic reports to multiple formats including xlsx, pdf etc.</p>
+                            style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #000; width: 90%;  text-align: center;">
+                        Convert your dynamic reports to xlsx format.</p>
                 </div>
             </div>
         </div>
@@ -269,13 +218,9 @@
 <section class="container">
     <div class="row">
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
-            <hr style="border: 2px solid #1264A3; width: 150px; margin-left: 0;">
-            <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
-                Odoo Apps
-            </p>
+            <hr style="border: 2px solid #1264A3; width: 100px; margin-left: 0;  margin-bottom: 3rem;">
             <h1
-                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 1rem; text-transform: uppercase;">
+                    style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 1rem; text-transform: uppercase;">
                 SCREENSHOTS
             </h1>
         </div>
@@ -342,33 +287,33 @@
                 <div class="carousel-inner">
                     <div class="carousel-item active" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Dynamic Financial Reports.</p>
                             </div>
                         </div>
                         <img class="d-block w-100" src="./assets/screenshots/01_dynamic_financial_reports.png"
-                            alt="Slide">
+                             alt="Slide">
                     </div>
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Dynamic General Ledger.</p>
                             </div>
                         </div>
@@ -377,15 +322,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Access the Journal Entries.</p>
                             </div>
                         </div>
@@ -394,15 +339,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     General Ledger Pdf Report.</p>
                             </div>
                         </div>
@@ -411,15 +356,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     General Ledger XLSX Report.</p>
                             </div>
                         </div>
@@ -428,15 +373,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Dynamic Trial Balance.</p>
                             </div>
                         </div>
@@ -445,15 +390,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Access General Ledger from Trial Balance.</p>
                             </div>
                         </div>
@@ -462,15 +407,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Trial Balance PDF Report.</p>
                             </div>
                         </div>
@@ -479,15 +424,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Trial Balance XLSX Report.</p>
                             </div>
                         </div>
@@ -496,15 +441,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Dynamic Partner Ledger.</p>
                             </div>
                         </div>
@@ -513,15 +458,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Partner Ledger PDF Report.</p>
                             </div>
                         </div>
@@ -530,15 +475,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Partner Ledger XLSX Report.</p>
                             </div>
                         </div>
@@ -547,15 +492,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Dynamic Balance Sheet.</p>
                             </div>
                         </div>
@@ -564,15 +509,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Balance Sheet PDF Report.</p>
                             </div>
                         </div>
@@ -581,15 +526,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Balance Sheet XLSX Report.</p>
                             </div>
                         </div>
@@ -598,15 +543,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Dynamic Profit and Loss.</p>
                             </div>
                         </div>
@@ -615,15 +560,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Profit and Loss PDF Report.</p>
                             </div>
                         </div>
@@ -632,15 +577,15 @@
 
                     <div class="carousel-item" style="overflow: visible;">
                         <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-100"
-                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                             style="float:left; margin-bottom: 1rem; margin-left: -15px;">
                             <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                 style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
                                 <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
                             </div>
                             <div class="d-flex justify-content-start align-items-center deep-2"
-                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                 style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
                                 <p
-                                    style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
                                     Profit and Loss XLSX Report.</p>
                             </div>
                         </div>
@@ -649,14 +594,14 @@
 
 
                 </div>
-                <!-- <a class="carousel-control-prev" href="#odooAppsIndicators" role="button" data-slide="prev">
-                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                        <span class="sr-only">Previous</span>
-                    </a>
-                    <a class="carousel-control-next" href="#odooAppsIndicators" role="button" data-slide="next">
-                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                        <span class="sr-only">Next</span>
-                    </a> -->
+                <!-- <a class="carousel-control-prev" href="#odooAppsIndicators" role="button" style="color:#000 !important" data-slide="prev">
+                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                    <span class="sr-only">Previous</span>
+                </a>
+                <a class="carousel-control-next" href="#odooAppsIndicators" role="button" style="color:#000 !important" data-slide="next">
+                    <span class="carousel-control-next-icon"  aria-hidden="true"></span>
+                    <span class="sr-only">Next</span>
+                </a> -->
             </div>
         </div>
     </div>
@@ -666,13 +611,9 @@
 <section class="container">
     <div class="row">
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
-            <hr style="border: 2px solid #1264A3; width: 150px; margin-left: 0;">
-            <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
-                Odoo Apps
-            </p>
+            <hr style="border: 2px solid #1264A3; width: 100px; margin-left: 0; margin-bottom: 3rem;">
             <h1
-                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
+                    style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
                 Suggested Products
             </h1>
         </div>
@@ -681,60 +622,60 @@
         <div id="suggestedSlider" class="row carousel slide" data-ride="carousel">
             <!-- The slideshow -->
             <div class="carousel-inner">
-                <div class="carousel-item" style="min-height: 186px;">
+                <div class="carousel-item" style="min-height: 191px;">
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/14.0/mobile_service_shop_pro/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/custom_gantt_view/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/mobile_service_shop_pro_banner.png?33fcc60">
+                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                     src="./assets/modules/gantt_view.png">
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/14.0/hr_payroll_account_community/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/odoo_functional_tutorial_com/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/hr_acc_cc_banner.png?33fcc60">
+                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                     src="./assets/modules/functional_tutorial.png">
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/14.0/hr_payroll_community/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/shopify_odoo_connector/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/payroll_banner.gif?33fcc60">
+                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                     src="./assets/modules/shopify_connector.png">
                             </div>
                         </a>
                     </div>
                 </div>
-                <div class="carousel-item active" style="min-height: 186px;">
+                <div class="carousel-item active" style="min-height: 191px;">
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/14.0/automatic_payroll/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/mobile_service_shop_pro/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/auto_payroll_banner.png?33fcc60">
+                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                     src="./assets/modules/mobile_service.png">
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/14.0/ohrms_core/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/website_sale_extend/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/o_hrms_banner.gif?33fcc60">
+                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                     src="./assets/modules/advanced_ecom.png">
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/14.0/base_account_budget/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/dynamic_accounts_report/images/bud_banner.png?33fcc60">
+                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                     src="./assets/modules/export_excel.png">
                             </div>
                         </a>
                     </div>
@@ -743,11 +684,12 @@
             <!-- Left and right controls -->
             <a class="carousel-control-prev" href="#suggestedSlider" data-slide="prev" style="width:35px; color:#000">
                 <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left"
-                        style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#suggestedSlider"
+                                                            style="font-size:24px"></i></span> </a> <a
+                class="carousel-control-next" href="#suggestedSlider"
                 data-slide="next" style="width:35px; color:#000">
                 <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
-                        style="font-size:24px"></i></span>
-            </a>
+                                                            style="font-size:24px"></i></span>
+        </a>
         </div>
     </div>
 </section>
@@ -756,45 +698,45 @@
 <section class="container" style="margin-top: 6rem;">
     <div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
         <div class="col-lg-12 jumbotron text-white position-relative"
-            style="background: #D4D4D4 !important; border-radius: 10px;">
+             style="background-color: #D4D4D4 !important; border-radius: 10px;">
             <span class="badge badge-pill px-3 py-2 text-white deep-2-sm  font-weight-bold"
-                style="background-color: #1264A3;"><i class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
+                  style="background-color: #1264A3;"><i class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
             <div class="row">
                 <div class="col-lg-12 mt-4">
                     <h1 style="color: #000;">Our Services</h1>
                     <p class="lead" style="color: #000;">We provide following services</p>
                     <div class="row d-flex flex-row justify-content-start flex-wrap mt-4 pl-4">
                         <a class="text-dark" href="https://www.cybrosys.com/odoo-customization-and-installation/"
-                            style="color: white; text-decoration: none;" target="_blank">
+                           style="color: white; text-decoration: none;" target="_blank">
                             <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
-                                style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
+                                 style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
                                 <i class="fa fa-cogs mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
                                 <h6 class="text-center mt-3" style="color: #000;">Odoo Customization</h6>
                             </div>
                         </a>
                         <a class="text-dark" href="https://www.cybrosys.com/odoo-erp-implementation/"
-                            style="color: white; text-decoration: none;" target="_blank">
+                           style="color: white; text-decoration: none;" target="_blank">
                             <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
-                                style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
+                                 style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
                                 <i class="fa fa-wrench mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
                                 <h6 class="text-center mt-3" style="color: #000;">Odoo Implementation</h6>
                             </div>
                         </a>
                         <a class="text-dark" href="https://www.cybrosys.com/odoo-erp-support/"
-                            style="color: white; text-decoration: none;" target="_blank">
+                           style="color: white; text-decoration: none;" target="_blank">
                             <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
-                                style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
+                                 style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
                                 <i class="fa fa-life-ring mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
                                 <h6 class="text-center mt-3" style="color: #000;">Odoo Support</h6>
                             </div>
                         </a>
                         <a class="text-dark" href="https://www.cybrosys.com/hire-odoo-developer/" style=text-decoration:
-                            none;" target="_blank">
-                            <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
-                                style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
-                                <i class="fa fa-user mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
-                                <h6 class="text-center mt-3" style="color: #000;">Hire Odoo Developers</h6>
-                            </div>
+                           none;" target="_blank">
+                        <div class="bg-white deep-2 d-flex flex-column justify-content-center align-items-center rounded"
+                             style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
+                            <i class="fa fa-user mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
+                            <h6 class="text-center mt-3" style="color: #000;">Hire Odoo Developers</h6>
+                        </div>
                         </a>
                     </div>
                 </div>
@@ -807,13 +749,9 @@
 <section class="container" style="margin-top: 0rem;">
     <div class="row" style="max-width:1540px; ">
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
-            <hr style="border: 2px solid #1264A3; width: 150px; margin-left: 0;">
-            <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
-                Cybrosys
-            </p>
+            <hr style="border: 2px solid #1264A3; width: 100px; margin-left: 0;  margin-bottom: 3rem;">
             <h1
-                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
+                    style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
                 Our Industries
             </h1>
         </div>
@@ -823,7 +761,7 @@
 
                 <div class="bg-white deep-2 px-4 py-3 mb-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"
-                        class="text-dark" style="text-decoration: none;">
+                       class="text-dark" style="text-decoration: none;">
                         <div class="row">
                             <div class="col-lg-3 no-gutters">
                                 <img src="./assets/icons/trading.png">
@@ -838,7 +776,7 @@
 
                 <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"
-                        class="text-dark" style="text-decoration: none;">
+                       class="text-dark" style="text-decoration: none;">
                         <div class="row">
                             <div class="col-lg-3 no-gutters">
                                 <img src="./assets/icons/education.png">
@@ -854,7 +792,7 @@
 
                 <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank"
-                        class="text-dark" style="text-decoration: none;">
+                       class="text-dark" style="text-decoration: none;">
                         <div class="row">
                             <div class="col-lg-3 no-gutters">
                                 <img src="./assets/icons/manufacturing.png">
@@ -869,7 +807,7 @@
 
                 <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"
-                        class="text-dark" style="text-decoration: none;">
+                       class="text-dark" style="text-decoration: none;">
                         <div class="row">
                             <div class="col-lg-3 no-gutters">
                                 <img src="./assets/icons/ecom.png">
@@ -889,7 +827,7 @@
 
                 <div class="bg-white deep-2 px-4 py-3 mb-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank" class="text-dark"
-                        style="text-decoration: none;">
+                       style="text-decoration: none;">
                         <div class="row">
                             <div class="col-lg-3 no-gutters">
                                 <img src="./assets/icons/pos.png">
@@ -905,7 +843,7 @@
 
                 <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"
-                        class="text-dark" style="text-decoration: none;">
+                       class="text-dark" style="text-decoration: none;">
                         <div class="row">
                             <div class="col-lg-3 no-gutters">
                                 <img src="./assets/icons/service.png">
@@ -921,7 +859,7 @@
 
                 <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"
-                        class="text-dark" style="text-decoration: none;">
+                       class="text-dark" style="text-decoration: none;">
                         <div class="row">
                             <div class="col-lg-3 no-gutters">
                                 <img src="./assets/icons/restaurant.png">
@@ -936,7 +874,7 @@
 
                 <div class="bg-white deep-2 px-4 py-3 my-3" style="border-radius: 10px;">
                     <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"
-                        class="text-dark" style="text-decoration: none;">
+                       class="text-dark" style="text-decoration: none;">
                         <div class="row">
                             <div class="col-lg-3 no-gutters">
                                 <img src="./assets/icons/hotel.png">
@@ -959,13 +897,9 @@
 <section class="container">
     <div class="row" style="max-width:1540px;">
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
-            <hr style="border: 2px solid #1264A3; width: 150px; margin-left: 0;">
-            <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
-                Odoo Apps
-            </p>
+            <hr style="border: 2px solid #1264A3; width: 100px; margin-left: 0;  margin-bottom: 3rem;">
             <h1
-                style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
+                    style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
                 Need Help?
             </h1>
         </div>
@@ -973,50 +907,50 @@
 
     <!-- Contact Cards -->
     <div class="row d-flex justify-content-center align-items-center"
-        style="max-width:1540px; margin: 0 auto 3rem auto;">
+         style="max-width:1540px; margin: 0 auto 3rem auto;">
         <div class="col-lg-3  deep-2 mt-2"
-            style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 300px;">
+             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 300px;">
             <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Visit us</h5>
             <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Visit our website for more
                 information.</p>
             <a href="https://cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
-                style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">www.cybrosys.com</a>
+               style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">www.cybrosys.com</a>
         </div>
 
         <div class="col-lg-3  deep-2 mt-2"
-            style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #b22126; height: 330px;">
+             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #b22126; height: 330px;">
             <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Write to us</h5>
             <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Do you have any queries regarding our
                 products &amp; services? Let us know.</p>
             <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
-                style="text-decoration: none;  background-color: #b22126; color: #FFF;  border-radius: 4px;">odoo@cybrosys.com</a>
+               style="text-decoration: none;  background-color: #b22126; color: #FFF;  border-radius: 4px;">odoo@cybrosys.com</a>
             <a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
-                style="text-decoration: none; background-color: #b22126; color: #FFF;  border-radius: 4px;">info@cybrosys.com</a>
+               style="text-decoration: none; background-color: #b22126; color: #FFF;  border-radius: 4px;">info@cybrosys.com</a>
         </div>
 
         <div class="col-lg-3  deep-2 mt-2"
-            style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 300px;">
+             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 300px;">
             <h5 class="font-weight-bold" style="font-family: Roboto, 'sans-serif';">Follow Us</h5>
             <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Follow us on social media for latest
                 updates.</p>
             <div class="d-flex justify-content-begin align-items-center">
                 <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"
-                    class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
-                    style="text-decoration: none; background-color:#3b5998; color: #fff; height: 35px; width: 35px;  border-radius: 4px;"><i
+                   class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
+                   style="text-decoration: none; background-color:#3b5998; color: #fff; height: 35px; width: 35px;  border-radius: 4px;"><i
                         class="fa fa-facebook"></i></a>
 
                 <a href="https://twitter.com/cybrosys" target="_blank"
-                    class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
-                    style="text-decoration: none; background-color:#00acee ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
+                   class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
+                   style="text-decoration: none; background-color:#00acee ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
                         class="fa fa-twitter"></i></a>
 
                 <a href="https://www.youtube.com/channel/UCKjWLm7iCyOYINVspCSanjg" target="_blank"
-                    class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
-                    style="text-decoration: none; background-color:#FF0000 ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
+                   class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
+                   style="text-decoration: none; background-color:#FF0000 ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
                         class="fa fa-play"></i></a>
                 <a href="https://medium.com/cybrosys" target="_blank"
-                    class="btn mb-2 deep_hover d-flex justify-content-center align-items-center"
-                    style="text-decoration: none; background-color:#000  ; color: #fff  ; height: 35px; width: 35px;  border-radius: 4px;"><i
+                   class="btn mb-2 deep_hover d-flex justify-content-center align-items-center"
+                   style="text-decoration: none; background-color:#000  ; color: #fff  ; height: 35px; width: 35px;  border-radius: 4px;"><i
                         class="fa fa-medium"></i></a>
             </div>
 
@@ -1029,12 +963,12 @@
     <div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
         <!-- Logo -->
         <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 4rem;">
-            <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
+            <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto"/>
         </div>
         <!-- End of Logo -->
         <div class="col-lg-12" style="margin-top: 2rem;">
             <hr
-                style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+                    style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
             <!-- End of Footer Section -->
         </div>
     </div>