diff --git a/dynamic_accounts_report/static/description/assets/arrow-circle-black.png b/dynamic_accounts_report/static/description/assets/arrow-circle-black.png
deleted file mode 100644
index e8948eb73..000000000
Binary files a/dynamic_accounts_report/static/description/assets/arrow-circle-black.png and /dev/null differ
diff --git a/dynamic_accounts_report/static/description/assets/arrow-circle-magenta.png b/dynamic_accounts_report/static/description/assets/arrow-circle-magenta.png
deleted file mode 100644
index ca5762f46..000000000
Binary files a/dynamic_accounts_report/static/description/assets/arrow-circle-magenta.png and /dev/null differ
diff --git a/dynamic_accounts_report/static/description/assets/hero.png b/dynamic_accounts_report/static/description/assets/hero.png
index dc4a14d89..3939eca9a 100644
Binary files a/dynamic_accounts_report/static/description/assets/hero.png and b/dynamic_accounts_report/static/description/assets/hero.png differ
diff --git a/dynamic_accounts_report/static/description/assets/icons/feature-icons/document.png b/dynamic_accounts_report/static/description/assets/icons/feature-icons/document.png
new file mode 100644
index 000000000..4054e8480
Binary files /dev/null and b/dynamic_accounts_report/static/description/assets/icons/feature-icons/document.png differ
diff --git a/dynamic_accounts_report/static/description/assets/icons/feature-icons/down.png b/dynamic_accounts_report/static/description/assets/icons/feature-icons/down.png
new file mode 100644
index 000000000..65a94a23b
Binary files /dev/null and b/dynamic_accounts_report/static/description/assets/icons/feature-icons/down.png differ
diff --git a/dynamic_accounts_report/static/description/assets/icons/feature-icons/filter.png b/dynamic_accounts_report/static/description/assets/icons/feature-icons/filter.png
new file mode 100644
index 000000000..55f3455ea
Binary files /dev/null and b/dynamic_accounts_report/static/description/assets/icons/feature-icons/filter.png differ
diff --git a/dynamic_accounts_report/static/description/assets/icons/feature-icons/journal.png b/dynamic_accounts_report/static/description/assets/icons/feature-icons/journal.png
new file mode 100644
index 000000000..9a8a78691
Binary files /dev/null and b/dynamic_accounts_report/static/description/assets/icons/feature-icons/journal.png differ
diff --git a/dynamic_accounts_report/static/description/assets/icons/feature-icons/pdf.png b/dynamic_accounts_report/static/description/assets/icons/feature-icons/pdf.png
new file mode 100644
index 000000000..c8bfd2481
Binary files /dev/null and b/dynamic_accounts_report/static/description/assets/icons/feature-icons/pdf.png differ
diff --git a/dynamic_accounts_report/static/description/banner.jpg b/dynamic_accounts_report/static/description/banner.jpg
index c07cc0e38..c79986ab0 100644
Binary files a/dynamic_accounts_report/static/description/banner.jpg and b/dynamic_accounts_report/static/description/banner.jpg differ
diff --git a/dynamic_accounts_report/static/description/icon.png b/dynamic_accounts_report/static/description/icon.png
index ee925d0ec..4178bbfa3 100644
Binary files a/dynamic_accounts_report/static/description/icon.png and b/dynamic_accounts_report/static/description/icon.png differ
diff --git a/dynamic_accounts_report/static/description/index.html b/dynamic_accounts_report/static/description/index.html
index 488ee8c5b..33cb06236 100644
--- a/dynamic_accounts_report/static/description/index.html
+++ b/dynamic_accounts_report/static/description/index.html
@@ -1,621 +1,427 @@
+<!--- 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: 100px; margin-left: 0; margin-bottom: 3rem !important;">
-            <h1 style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #FFF; margin-top: -1rem;">
-                Odoo 14 Dynamic Financial Reports
+    <div class="row"
+        style="margin-top: 3rem; padding: 2rem 2.5rem !important; background-color: #f4f4f4 !important; border-radius: 10px !important;">
+        <div class="col-lg-6" style="padding-top: 1.5rem; padding-bottom: 3rem !important;">
+            <h1 class="fw_regular mb0 mt0"
+                style="font-style: Montserrat, 'sans-serif' !important; color: #101010 !important;">
+                <b>Odoo 14<br /> Dynamic Financial Reports</b>
             </h1>
-            <p style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 500; color: #FFF;">
-                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: 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;">
-                    <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;">
-                        Dynamic Financial Reports for Odoo14 Community Edition.</p>
-                </div>
-            </div>
+            <hr class="mb16"
+                style="border-color: #981C1C !important; background-color: #981C1C !important; border-width: 2px; width: 150px; margin-left: 0;">
+            <h4 class="mb0 fw_light" style="color: #101010 !important;">
+                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.</h4>
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="d-flex align-items-center mt32"
+                        style="background-color: #f4f4f4 !important; border-radius: 10px;">
+                        <div class="p-4 mr-2 d-flex justify-content-center align-items-center"
+                            style="background-color: #981C1C !important; border-radius: 5px; height: 48px !important; width: 48px !important;">
+                            <img src="./assets/icons/feature-icons/document.png" height="24" width="24">
+                        </div>
+                        <h5>Dynamic Financial Reports for Odoo14 Community Edition.</h5>
+                    </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;">
-                         Drill-down approach in reports.</p>
-                </div>
-            </div>
+                    <div class="d-flex align-items-center mt16"
+                        style="background-color: #f4f4f4 !important; border-radius: 10px;">
+                        <div class="p-4 mr-2 d-flex justify-content-center align-items-center"
+                            style="background-color: #981C1C !important; border-radius: 5px; height: 48px !important; width: 48px !important;">
+                            <img src="./assets/icons/feature-icons/down.png" height="24" width="24">
+                        </div>
+                        <h5>Drill-down approach in reports.</h5>
+                    </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 align-items-center mt16"
+                        style="background-color: #f4f4f4 !important; border-radius: 10px;">
+                        <div class="p-4 mr-2 d-flex justify-content-center align-items-center"
+                            style="background-color: #981C1C !important; border-radius: 5px; height: 48px !important; width: 48px !important;">
+                            <img src="./assets/icons/feature-icons/filter.png" height="24" width="24">
+                        </div>
+                        <h5>Various Filters to Compare.</h5>
+                    </div>
+
+                    <div class="d-flex align-items-center mt16"
+                        style="background-color: #f4f4f4 !important; border-radius: 10px;">
+                        <div class="p-4 mr-2 d-flex justify-content-center align-items-center"
+                            style="background-color: #981C1C !important; border-radius: 5px; height: 48px !important; width: 48px !important;">
+                            <img src="./assets/icons/feature-icons/pdf.png" height="24" width="24">
+                        </div>
+                        <h5>Print to PDF and XLSX Format.</h5>
+                    </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;">
-                        Print to PDF and XLSX Format.</p>
                 </div>
             </div>
-            <!-- END OF KEY HIGHLIGHTS -->
         </div>
-    </div>
-</section>
-<!-- END OF HERO SECTION -->
-
-<!-- OVERVIEW SECTION -->
-<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: 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;">
-                Overview
-            </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
-                sheet, profit & loss, cash flow statements, partner ledger, partner ageing, day book, bank book and
-                cashbook. We can drill down from the main report to the journal entries associated with each
-                account. One can open the form view of each journal entry and view the complete details here. Along
-                with the drill down option, various supporting filters can be applied on each report. Also, one can
-                print the reports in both the pdf and the xlsx formats.
-            </p>
+        <div class="col-lg-6 d-flex justify-content-center align-items-center">
+            <img src="./assets/hero.png" width="500px" height="auto" class="img-responsive">
         </div>
     </div>
 </section>
-<!-- END OF OVERVIEW SECTION -->
-
-<!-- FEATURES 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-1.png" width="80%" height="auto" class="img img-responsive">
+<!--- END OF HERO SECTION -->
+<!-- KEY FEATURES -->
+<section class="bg-white">
+    <div class="container">
+        <div class="row mt48 d-flex flex-column justify-content-center align-items-center">
+            <h3 class="fw_regular mb0 mt0 text-center"
+                style="font-style: Montserrat, 'sans-serif' !important; color: #101010 !important;">
+                <b>Features</b>
+            </h3>
+            <hr class="mb16"
+                style="border-color: #981C1C !important; background-color: #981C1C !important; border-width: 2px; width: 150px;">
         </div>
-        <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;">
-                Features
-            </h1>
-            <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;">
-                    <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">
-                    <p
-                            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;">
-                    <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">
-                    <p
-                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
-                        Drill-down approach enabled.</p>
-                </div>
+        <div class="row mt32 mb48 d-flex justify-content-center align-items-center">
+            <div class="col-lg-3 my-2 mx-2 deep-2"
+                style="background-color: #f4f4f4 !important; border-radius: 10px; padding: 2.5rem 2rem !important;">
+                <div class="p-4 mb16 d-flex justify-content-center align-items-center"
+                    style="background-color: #981C1C !important; border-radius: 5px; height: 48px !important; width: 48px !important;">
+                    <img src="./assets/icons/feature-icons/document.png" height="24" width="24">
+                </div>
+                <h6 class="mt-2">Dynamic Financial Reports for Odoo14 Community Edition.</h6>
             </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;">
-                    <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">
-                    <p
-                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
-                        Various Filters to Compare.</p>
+
+            <div class="col-lg-3 my-2 mx-2 deep-2"
+                style="background-color: #f4f4f4 !important; border-radius: 10px; padding: 2.5rem 2rem !important;">
+                <div class="p-4 mb16 d-flex justify-content-center align-items-center"
+                    style="background-color: #981C1C !important; border-radius: 5px; height: 48px !important; width: 48px !important;">
+                    <img src="./assets/icons/feature-icons/down.png" height="24" width="24">
                 </div>
+                <h6 class="mt-2">Drill-down approach in reports.</h6>
             </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;">
-                    <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">
-                    <p
-                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
-                        Access the Journal Entries.
-                    </p>
+
+
+            <div class="col-lg-3 my-2 mx-2 deep-2"
+                style="background-color: #f4f4f4 !important; border-radius: 10px; padding: 2.5rem 2rem !important;">
+                <div class="p-4 mb16 d-flex justify-content-center align-items-center"
+                    style="background-color: #981C1C !important; border-radius: 5px; height: 48px !important; width: 48px !important;">
+                    <img src="./assets/icons/feature-icons/pdf.png" height="24" width="24">
                 </div>
+                <h6 class="mt-2">Print to PDF and XLSX<br />Format.</h6>
             </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;">
-                    <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">
-                    <p
-                            style="font-family: Tahoma, 'sans-serif'; font-size: 13px; font-weight: 600; color: #000; margin-top: 1rem;">
-                        PDF and XLSX Reports available.
-                    </p>
+
+            <div class="col-lg-3 my-2 mx-2 deep-2"
+                style="background-color: #f4f4f4 !important; border-radius: 10px; padding: 2.5rem 2rem !important;">
+                <div class="p-4 mb16 d-flex justify-content-center align-items-center"
+                    style="background-color: #981C1C !important; border-radius: 5px; height: 48px !important; width: 48px !important;">
+                    <img src="./assets/icons/feature-icons/filter.png" height="24" width="24">
                 </div>
+                <h6 class="mt-2">Various Filters to Compare.</h6>
             </div>
-        </div>
-    </div>
-</section>
-<!-- END OF FEATURES SECTION -->
 
-<!-- FEATURE 4 SECTION -->
-<section class="container">
-    <div class="row">
-        <div class="col-lg-12" style="background-color:#FFF !important; padding: 6rem 2.5rem 4rem;">
 
-            <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;">
-                        <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 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;">
-                        <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 xlsx format.</p>
+
+            <div class="col-lg-3 my-2 mx-2 deep-2"
+                style="background-color: #f4f4f4 !important; border-radius: 10px; padding: 2.5rem 2rem !important;">
+                <div class="p-4 mb16 d-flex justify-content-center align-items-center"
+                    style="background-color: #981C1C !important; border-radius: 5px; height: 48px !important; width: 48px !important;">
+                    <img src="./assets/icons/feature-icons/journal.png" height="24" width="24">
                 </div>
+                <h6 class="mt-2">Access the Journal Entries.</h6>
             </div>
         </div>
     </div>
 </section>
-<!-- END OF FEATURE 4 SECTION -->
-
-<!-- SCREENSHOTS SECTION -->
-<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: 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;">
-                SCREENSHOTS
-            </h1>
+<!-- END OF KEY FEATURES -->
+
+<!-- DETAILED BLOCK - IMG RIGHT -->
+<!--<section class="row o_v_align_col mt92 mb48">-->
+<!--    <div class="col-md-6 col-lg-5 mb48">-->
+<!--        <h2 class="display-3 mt0"><b>Feature Header #1</b></h2>-->
+<!--        <p class="mb32">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam vitae aliquid incidunt-->
+<!--            amet quaerat? Soluta minima magni similique illum atque?</p>-->
+<!--    </div>-->
+<!--    <div class="col-md-6 col-lg-6 col-lg-offset-1 mb48">-->
+<!--        <img src="/./assets/screenshots/02_dynamic_gl.png"-->
+<!--            class="img img-responsive shadow" alt="">-->
+<!--    </div>-->
+<!--</section>-->
+
+<!-- END OF DETAILED BLOCK - IMG RIGHT -->
+
+<!-- DETAILED BLOCK - IMG LEFT -->
+<!--<section class="row o_v_align_col mt92 mb48">-->
+<!--    <div class="col-md-6 col-lg-6 mb48">-->
+<!--        <img src="./assets/screenshots/02_dynamic_gl.png"-->
+<!--            class="img img-responsive shadow" alt="">-->
+<!--    </div>-->
+<!--    <div class="col-md-6 col-lg-5 col-lg-offset-1 mb48">-->
+<!--        <h2 class="display-3 mt0"><b>Feature Header #2</b></h2>-->
+<!--        <p class="mb32">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam vitae aliquid incidunt-->
+<!--            amet quaerat? Soluta minima magni similique illum atque?</p>-->
+<!--    </div>-->
+<!--</section>-->
+
+<!-- END OF DETAILED BLOCK - IMG LEFT -->
+
+<!-- SCREENSHOTS -->
+<section class="bg-white">
+    <div class="container">
+        <div class="row mt32 d-flex flex-column justify-content-center align-items-center">
+            <h3 class="fw_regular mb0 mt0 text-center"
+                style="font-style: Montserrat, 'sans-serif' !important; color: #101010 !important;">
+                <b>Screenshots</b>
+            </h3>
+            <hr class="mb16"
+                style="border-color: #981C1C !important; background-color: #981C1C !important; border-width: 2px; width: 150px;">
         </div>
-        <div class="col-lg-12" style="background-color:#1264A3 !important; padding: 2.5rem; border-radius: 8px;">
-            <div id="odooAppsIndicators" class="carousel slide" data-ride="carousel">
-                <ol class="carousel-indicators"
-                    style="position: absolute !important; bottom: -90px !important; left: -65.5rem !important">
-                    <li data-target="#odooAppsIndicators" data-slide-to="0" class="active"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="1"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="2"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="3"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="4"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="5"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="6"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="7"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="8"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="9"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="10"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="11"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="12"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="13"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="14"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="15"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                    <li data-target="#odooAppsIndicators" data-slide-to="16"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-
-                    <li data-target="#odooAppsIndicators" data-slide-to="17"
-                        style="height: 15px !important; width: 15px !important; background-color: #000 !important;">
-                    </li>
-                </ol>
-                <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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Dynamic Financial Reports.</p>
-                            </div>
+        <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
+            <div class="carousel-inner">
+                <div class="carousel-item active" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Dynamic Financial Reports.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/01_dynamic_financial_reports.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/01_dynamic_financial_reports.png"
-                             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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Dynamic General Ledger.</p>
-                            </div>
+                </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Dynamic General Ledger.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/02_dynamic_gl.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/02_dynamic_gl.png" 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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Access the Journal Entries.</p>
-                            </div>
+                </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Access the Journal Entries.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/03_access_je.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/03_access_je.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    General Ledger Pdf Report.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            General Ledger Pdf Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/04_gl_pdf.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/04_gl_pdf.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    General Ledger XLSX Report.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            General Ledger XLSX Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/05_gl_xlsx.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/05_gl_xlsx.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Dynamic Trial Balance.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Dynamic Trial Balance.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/06_dynamic_tb.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/06_dynamic_tb.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        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 class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Access General Ledger from Trial Balance.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/07_access_gl_from_tb.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/07_access_gl_from_tb.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Trial Balance PDF Report.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Trial Balance PDF Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/08_tb_pdf.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/08_tb_pdf.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Trial Balance XLSX Report.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Trial Balance XLSX Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/09_tb_xlsx.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/09_tb_xlsx.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Dynamic Partner Ledger.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Dynamic Partner Ledger.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/10_pl_m.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/10_pl_m.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Partner Ledger PDF Report.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Partner Ledger PDF Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/11_pl_pdf.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/11_pl_pdf.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Partner Ledger XLSX Report.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Partner Ledger XLSX Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/12_pl_xls.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/12_pl_xls.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Dynamic Balance Sheet.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Dynamic Balance Sheet.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/13_bs_m.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/13_bs_m.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Balance Sheet PDF Report.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Balance Sheet PDF Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/14_bs_pdf.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/14_bs_pdf.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Balance Sheet XLSX Report.</p>
-                            </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Balance Sheet XLSX Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/15_bs_pdf.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/15_bs_pdf.png" 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;">
-                            <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;">
-                                <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">
-                                <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 12px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                    Dynamic Profit and Loss.</p>
-                            </div>
+                </div>
+                <div class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Dynamic Profit and Loss.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/16_pl_m1.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/16_pl_m1.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        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 class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Profit and Loss PDF Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/17_pal_pdf.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/17_pal_pdf.png" alt="Slide">
                     </div>
+                </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;">
-                            <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;">
-                                <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">
-                                <p
-                                        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 class="carousel-item" style="min-height: 608.359px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
+                        <h3 class="alert"
+                            style="font-weight:400; color:#010101; text-align:left; border-radius:0; font-size:18px; font-weight: 800;">
+                            Profit and Loss XLSX Report.
+                        </h3>
+                        <div> <img class="img img-responsive center-block"
+                                style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                src="./assets/screenshots/18_pal_xls.png">
                         </div>
-                        <img class="d-block w-100" src="./assets/screenshots/18_pal_xls.png" alt="Slide">
                     </div>
-
-
                 </div>
-                <!-- <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>
+            <a class="carousel-control-prev" href="#demo" 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="#demo"
+                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>
         </div>
     </div>
 </section>
-<!-- END OF SCREENSHOTS SECTION-->
+<!-- END OF SCREENSHOTS -->
+</div>
 
 <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: 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;">
-                Suggested Products
-            </h1>
+            <h3 class="fw_regular mb0 mt0 text-center"
+                style="font-style: Montserrat, 'sans-serif' !important; color: #101010 !important;">
+                <b>Suggested Products</b>
+            </h3>
+            <hr class="mb16"
+                style="border-color: #981C1C !important; background-color: #981C1C !important; border-width: 2px; width: 150px;">
         </div>
     </div>
     <div class="col-lg-12">
@@ -627,8 +433,8 @@
                         <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="./assets/modules/gantt_view.png">
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/gantt_view.png">
                             </div>
                         </a>
                     </div>
@@ -636,8 +442,8 @@
                         <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="./assets/modules/functional_tutorial.png">
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/functional_tutorial.png">
                             </div>
                         </a>
                     </div>
@@ -645,8 +451,8 @@
                         <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="./assets/modules/shopify_connector.png">
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/shopify_connector.png">
                             </div>
                         </a>
                     </div>
@@ -656,8 +462,8 @@
                         <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="./assets/modules/mobile_service.png">
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/mobile_service.png">
                             </div>
                         </a>
                     </div>
@@ -665,8 +471,8 @@
                         <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="./assets/modules/advanced_ecom.png">
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/advanced_ecom.png">
                             </div>
                         </a>
                     </div>
@@ -674,22 +480,22 @@
                         <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="./assets/modules/export_excel.png">
+                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                    src="./assets/modules/export_excel.png">
                             </div>
                         </a>
                     </div>
                 </div>
             </div>
             <!-- Left and right controls -->
-            <a class="carousel-control-prev" href="#suggestedSlider" data-slide="prev" style="width:35px; color:#000">
+            <!-- <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"
-                data-slide="next" style="width:35px; color:#000">
+                        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>
@@ -698,45 +504,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-color: #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: #981C1C;"><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;">
-                                <i class="fa fa-cogs mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
+                                style="padding: 2rem; margin-right: 1rem; height: 150px; width: 150px;">
+                                <i class="fa fa-cogs mr-2 mt-2" style="color: #981C1C; 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;">
-                                <i class="fa fa-wrench mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
+                                style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
+                                <i class="fa fa-wrench mr-2 mt-2" style="color: #981C1C; 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;">
-                                <i class="fa fa-life-ring mr-2 mt-2" style="color: #1264A3; font-size: 3rem"></i>
+                                style="padding: 2rem;  margin-right: 1rem; height: 150px; width: 150px;">
+                                <i class="fa fa-life-ring mr-2 mt-2" style="color: #981C1C; 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: #981C1C; font-size: 3rem"></i>
+                                <h6 class="text-center mt-3" style="color: #000;">Hire Odoo Developers</h6>
+                            </div>
                         </a>
                     </div>
                 </div>
@@ -749,11 +555,12 @@
 <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: 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;">
-                Our Industries
-            </h1>
+            <h3 class="fw_regular mb0 mt0 text-center"
+                style="font-style: Montserrat, 'sans-serif' !important; color: #101010 !important;">
+                <b>Our Industries</b>
+            </h3>
+            <hr class="mb16"
+                style="border-color: #981C1C !important; background-color: #981C1C !important; border-width: 2px; width: 150px;">
         </div>
         <div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
             <!-- Left Column -->
@@ -761,7 +568,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">
@@ -776,15 +583,14 @@
 
                 <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">
                             </div>
                             <div class="col-lg-9 no-gutters pt-3">
                                 <h4 style="font-family: Roboto, 'sans-serif">Education</h4>
-                                <p style="font-weight: 300;">A Collaborative platform for educational
-                                    management</p>
+                                <p style="font-weight: 300;">A collaborative platform for educational management</p>
                             </div>
                         </div>
                     </a>
@@ -792,7 +598,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">
@@ -807,7 +613,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">
@@ -827,14 +633,14 @@
 
                 <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">
                             </div>
                             <div class="col-lg-9 no-gutters pt-3">
                                 <h4 style="font-family: Roboto, 'sans-serif">POS</h4>
-                                <p style="font-weight: 300;">Easy configuring and convivial selling</p>
+                                <p style="font-weight: 300;">Easy configuration and convivial experience</p>
                             </div>
                         </div>
                     </a>
@@ -843,14 +649,14 @@
 
                 <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">
                             </div>
                             <div class="col-lg-9 no-gutters pt-3">
                                 <h4 style="font-family: Roboto, 'sans-serif">Service Management</h4>
-                                <p style="font-weight: 300;">Keep track of services and invoice accordingly
+                                <p style="font-weight: 300;">Keep track of services and invoice
                                 </p>
                             </div>
                         </div>
@@ -859,14 +665,14 @@
 
                 <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">
                             </div>
                             <div class="col-lg-9 no-gutters pt-3">
                                 <h4 style="font-family: Roboto, 'sans-serif">Restaurant</h4>
-                                <p style="font-weight: 300;">Run your bar or restaurant methodica</p>
+                                <p style="font-weight: 300;">Run your bar or restaurant methodically</p>
                             </div>
                         </div>
                     </a>
@@ -874,7 +680,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">
@@ -897,78 +703,50 @@
 <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: 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;">
-                Need Help?
-            </h1>
+            <h3 class="fw_regular mb0 mt0 text-center"
+                style="font-style: Montserrat, 'sans-serif' !important; color: #101010 !important;">
+                <b>Need Help?</b>
+            </h3>
+            <hr class="mb16"
+                style="border-color: #981C1C !important; background-color: #981C1C !important; border-width: 2px; width: 150px;">
         </div>
     </div>
 
     <!-- Contact Cards -->
     <div class="row d-flex justify-content-center align-items-center"
-         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;">
-            <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>
-        </div>
+        style="max-width:1540px; margin: 0 auto 2rem 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 #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
+        <div class="col-lg-12"
+            style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; margin-top: -3.5rem; !important">
+            <p class="mb-4 text-center" style="color: #808e9b; font-size: 1rem;">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>
-            <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>
-        </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;">
-            <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="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="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="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="fa fa-medium"></i></a>
+            <div class="row">
+                <div class="col-lg-6">
+                    <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
+                        style="text-decoration: none;  background-color: #981C1C; color: #FFF;  border-radius: 4px;">odoo@cybrosys.com</a>
+                </div>
+                <div class="col-lg-6">
+                    <a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
+                        style="text-decoration: none; background-color: #981C1C; color: #FFF;  border-radius: 4px;">info@cybrosys.com</a>
+                </div>
             </div>
-
         </div>
-        <!-- End of Contact Cards -->
+
     </div>
+    <!-- End of Contact Cards -->
 </section>
 <!-- Footer -->
 <section class="oe_container" style="padding:2rem 3rem 1rem;">
     <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"/>
+        <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;">
+            <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>