diff --git a/base_accounting_kit/static/description/index.html b/base_accounting_kit/static/description/index.html
index 9c4a14333..479dc4104 100644
--- a/base_accounting_kit/static/description/index.html
+++ b/base_accounting_kit/static/description/index.html
@@ -19,7 +19,7 @@
         <div class="row" style="margin-top: 2rem;">
             <div class="col-lg-12">
                 <div class="d-flex align-itmes-center" style=" border-bottom: 2px solid #0a1e2c; padding-bottom: 5px;">
-                    <img class="mr-1" src="https://i.ibb.co/CKNYgc2/update.png" style="height: 28px; width: auto;">
+                    <img class="mr-1" src="./images/icons/update.png" style="height: 28px; width: auto;">
                     <h5 class="font-weight-bold "
                         style="font-size: 0.9375rem; font-family: Montserrat,'sans-serif'; color: #0a1e2c; margin-top: 0.3rem">
                         Latest Updates</h5>
@@ -247,8 +247,7 @@
                     <p class="lead" style="font-style: Roboto, 'sans-serif'; color: #636e72; font-size: 0.9125rem;">
                         Added Translations for Arabic.
                     </p>
-                    <img src="https://i.ibb.co/89SnS5F/arabic.png" height="400px" width="auto"
-                        style="margin-left: -20px;">
+                    <img src="./images/arabic.png" height="400px" width="auto" style="margin-left: -20px;">
                 </div>
             </div>
             <div class="col-lg-6 my-4">
@@ -423,176 +422,165 @@
 <section class="oe_container mt-4" style="padding:2rem 3rem 1rem">
     <h5 class="text-center" style="font-family: Montserrat, 'sans-serif';">Screenshots</h5>
     <hr style="background-color: #0984e3; border: 2px solid #0984e3; width: 50px;" ;>
-    <div>
-        <section class="oe_container">
-            <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
-                <div class="carousel-inner">
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Dashboard with Necessary Details.
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/screenshot1.png">
-                            </div>
-                        </div>
+    <section class="oe_container">
+        <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
+            <div class="carousel-inner">
+                <div class="carousel-item active" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Dashboard with
+                            Necessary Details.
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/screenshot1.png"> </div>
                     </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Aged Receivable, Payable and Top Customer Details in Dashboard.
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/screenshot2.png">
-                            </div>
-                        </div>
-                    </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Create Assets from Accounting > Accounting > Assets > Create.
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/screenshot9.png">
-                            </div>
-                        </div>
+                </div>
+
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Aged Receivable,
+                            Payable and Top Customer Details in Dashboard.
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/screenshot2.png"> </div>
                     </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Create Asset categories from Accounting > Configuration > Asset
-                                Types > Create.
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/base_accounting_kit-4.png">
-                            </div>
-                        </div>
+                </div>
+
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Create Assets from
+                            Accounting > Accounting > Assets > Create.
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/screenshot9.png"> </div>
                     </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Create Asset from vendor bill.
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/base_accounting_kit-5.png">
-                            </div>
-                        </div>
+                </div>
+
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Create Asset
+                            categories from Accounting > Configuration > Asset
+                            Types > Create
+                            option
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/base_accounting_kit-4.png"> </div>
                     </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Manage post dated checks.
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/base_accounting_kit-21.png">
-                            </div>
-                        </div>
+                </div>
+
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Create Asset from
+                            vendor bill.
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/base_accounting_kit-5.png"> </div>
                     </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Accounting lock dates for community edition.
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/base_accounting_kit-18.png">
-                            </div>
-                        </div>
+                </div>
+
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Manage post dated
+                            checks.
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/base_accounting_kit-21.png"> </div>
                     </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Create recurring templates from Accounting > Configuration >
-                                Recurring Templates
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/base_accounting_kit-25.png">
-                            </div>
-                        </div>
+                </div>
+
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Create recurring
+                            templates from Accounting > Configuration >
+                            Recurring Templates.
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/base_accounting_kit-25.png"> </div>
                     </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Create recurring entries.
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/base_accounting_kit-24.png">
-                            </div>
-                        </div>
+                </div>
+
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Create recurring
+                            templates from Accounting > Configuration >
+                            Create recurring entries.
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/base_accounting_kit-24.png"> </div>
                     </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Manage Customer Follow-ups from Accounting > Customers >
-                                Follow-up Reports
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/base_accounting_kit-11.png">
-                            </div>
-                        </div>
+                </div>
+
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Create recurring
+                            templates from Accounting > Configuration >
+                            Manage Customer Follow-ups from Accounting > Customers >
+                            Follow-up Reports
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/base_accounting_kit-11.png"> </div>
                     </div>
-                    <div class="carousel-item" style="min-height: 557.312px;">
-                        <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float:left">
-                            <h3 class="alert"
-                                style="font-weight:400; color:#091E42; text-align:left; border-radius:0; font-size:18px">
-                                <i class="fa fa-check-circle"
-                                    style="width:auto; color:#6AC259; font-size:25px; padding-right:10px"></i>
-                                Generate accounting PDF reports from Accounting > Reporting.
-                            </h3>
-                            <div style=""> <img class="img img-responsive center-block"
-                                    style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="./images/screenshots/base_accounting_kit-43.png">
-                            </div>
-                        </div>
+                </div>
+
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                        <h3 class="alert"
+                            style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Create recurring
+                            templates from Accounting > Configuration >
+                            Generate accounting PDF reports from Accounting > Reporting.
+                        </h3>
+
+                        <div style=""> <img class="img img-responsive center-block"
+                                style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                src="./images/screenshots/base_accounting_kit-43.png"> </div>
                     </div>
                 </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>
-        </section>
-    </div>
+            <a class="carousel-control-prev" href="#demo" data-slide="prev" style="left:-25px;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="right:-25px;width: 35px;color: #000;"> <span
+                    class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span>
+            </a>
+        </div>
+    </section>
 </section>