[UPDT] Index Modified

6 years ago · b896997f70
59 changed files with 437 additions and 437 deletions
--- a/access_restriction_by_ip/static/description/index.html
+++ b/access_restriction_by_ip/static/description/index.html
@ -28,24 +28,24 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Administrator can set a IP or a group of IP address for each users
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Users can access their account only from the specified IP's
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Accessing system from a non-specified IP will restrict the user login
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             A warning message will be displayed</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             If no IP is set to user means there is no any restriction by IP</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             IP Address for each users can be set from users form view</h3>
    </div>
 </section>
@ -55,9 +55,9 @@
            Setting IP address for User
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Setting IP address for user from users form view<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            User will be able to access his account only from this IP's
         </h3>
        <div class="oe_row oe_spaced">
@ -67,7 +67,7 @@
            User accessing his account
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           On accessing account from a non specified IP
         </h3>
        <div class="oe_row oe_spaced">
--- a/account_pdc/static/description/index.html
+++ b/account_pdc/static/description/index.html
@ -32,7 +32,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
          handle Post Dated Cheques
         </h3>
    </div>
@ -43,14 +43,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           As shown here, You have to select PDC to enable the PDC payment.This is only available with Journal of type 'Bank'
         </h3>
        <div class="oe_row oe_spaced">
            <img src="account-cheque-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Payment form have two extra fields to put Bank and Cheque Detail.
            </div>
        </h3>
@ -58,7 +58,7 @@
            <img src="account-cheque-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            When you select PDC, You have to put 'effective date' of PDC.
            </div>
        </h3>
--- a/asset_documents/static/description/index.html
+++ b/asset_documents/static/description/index.html
@ -42,21 +42,21 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Provision to manage the serial number in the asset category
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Automatic generation of serial number for asset under an asset category.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Provision to manage asset documents
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Manages document notification through emails</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Provision to add other informations of the assets
        </h3>
    </div>
@ -67,28 +67,28 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Here you can manage the serial number of different assets under this asset category.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="asset-management-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            The serial number will automatic comes here according to asset category type.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="asset-management-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            New provision to manage asset documents and its expiry.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="asset-management-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            New provision to add any information regarding the asset.
         </h3>
        <div class="oe_row oe_spaced">
--- a/backend_theme_odoo12/static/description/index.html
+++ b/backend_theme_odoo12/static/description/index.html
@ -38,26 +38,26 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Login Page
         </h3>
         <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Modified Font
         </h3><h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             New Color Combination
         </h3>
         <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Modified App Drawer
         </h3>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Advanced searching option for App menus.
         </h3>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Repositioned Create & Edit Button
         </h3>
@ -73,7 +73,7 @@
        </h2>
        <!--FIRST SCREENSHOT-->
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Login Page
         </h3>
        <div class="oe_row oe_spaced">
@ -81,49 +81,49 @@
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Discuss
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            App Search Box
            </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Advanced searching option for App menus.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Tree view
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Kanban View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_6.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Form View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_7.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
               Date Picker
         </h3>
        <div class="oe_row oe_spaced">
--- a/bank_reconciliation/static/description/index.html
+++ b/bank_reconciliation/static/description/index.html
@ -37,7 +37,7 @@
             <!--Features-->
        <!--</h2>-->
         <!--<h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">-->
-            <!--<i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+            <!--<img src="https://www.cybrosys.com/images/ico-tick.png">-->
             <!--Modify database selector page-->
         <!--</h3>-->
    <!--</div>-->
@ -49,21 +49,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            When You click on "New Statement" a window will open
         </h3>
        <div class="oe_row oe_spaced">
            <img src="bank-reconciliation-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            There you can see the list on journal items that are 'not reconciled'
        </h3>
        <div class="oe_row oe_spaced">
            <img src="bank-reconciliation-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            There you can see the list on journal items that are 'not reconciled'
            <ul>
            <li>You can see the details about the current balance as per company books, bank balance based on already reconciled journal entries as 'Balance as per bank'
@ -74,7 +74,7 @@
            <img src="bank-reconciliation-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
               Fill the dates mentioned in bank statement in 'Bank.St Date' column of respective line. Click on 'Save' button before closing the window.
        </h3>
        <ul>
@ -84,7 +84,7 @@
            <img src="bank-reconciliation-cybrosys-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            One more thing to point out is, this will also mark the bank payments as 'Reconciled'
        </h3>
        <div class="oe_row oe_spaced">
--- a/barcode_scanning_sale_purchase/static/description/index.html
+++ b/barcode_scanning_sale_purchase/static/description/index.html
@ -28,11 +28,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Use barcode in Sales order
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Use barcode in Purchase order
         </h3>
    </div>
@ -43,7 +43,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Product Form
         </h3>
        <p>
@ -53,7 +53,7 @@
            <img src="product_barcode.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Sale Order
         </h3>
        <p>
@ -63,7 +63,7 @@
            <img src="sale_order.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            >Purchase Order
         </h3>
        <p>
--- a/barcode_scrap/static/description/index.html
+++ b/barcode_scrap/static/description/index.html
@ -33,11 +33,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Avoid manual entry
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Use barcode for scrapping.
         </h3>
    </div>
@ -49,15 +49,15 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                 Enable editing mode.
            </div>
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Click the field ‘Barcode’ and scan the Product.
            </div>
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                If no associated product is found in list then a warning will popup.
            </div>
         </h3>
--- a/customer_due_days/static/description/index.html
+++ b/customer_due_days/static/description/index.html
@ -39,7 +39,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            We can get the details of invoices which is due and also the due days of that invoice
         </h3>
@ -53,7 +53,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                A new menu, 'Customer Due Analysis' is added under Invoicing -> Reporting for performing this analysis.
                Clicking on this menu will open a new wizard.
            </div>
@ -62,7 +62,7 @@
            <img src="due_wizard.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
             Sample report
            </div>
        </h3>
--- a/customer_sequence/static/description/index.html
+++ b/customer_sequence/static/description/index.html
@ -35,7 +35,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Unique code for customers
         </h3>
    </div>
@ -47,7 +47,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            <ul>
                <li>Give the starting number of code.</li>
                <li>You can give separate starting for each company if it is a multi company.</li>
@ -57,7 +57,7 @@
            <img src="customer-sequence-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Create a customer and the code will generate automatically as defined in the company form..
        </h3>
        <div class="oe_row oe_spaced">
--- a/customized_barcode_generator/static/description/index.html
+++ b/customized_barcode_generator/static/description/index.html
@ -34,15 +34,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Create custom code for printing standard price on product labels.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Show/hide product reference on product labels.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Show/hide cost price as a code on product labels.
         </h3>
    </div>
@ -54,7 +54,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Go to <b>Invoicing </b> --><b> Settings</b>.<br>
            &nbsp; &nbsp; &nbsp;Select whether to show/hide <b>standard price as code</b> or <b>product reference</b> on product labels and click Save.<br>
         </h3>
@ -62,28 +62,28 @@
            <img src="customized-barcode-generator-settings-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Go to <b>Invoicing</b> --><b> Settings</b> --><b> Product Labels</b>. Click on <b>barcode code</b> to create a new rules.<br>
         </h3>
        <div class="oe_row oe_spaced">
            <img src="customized-barcode-generator-barcodecodetree-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            In the form view, you can set the code for each digit. Click on the active button to use this rule on the product label.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="customized-barcode-generator-barcodecodeform-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Go to <b>Products view</b> select products and print product labels as shown below<br>
         </h3>
        <div class="oe_row oe_spaced">
            <img src="customized-barcode-generator-productlabelprint-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can see the standard price of products on the bottom right of product label as code using the active rule, and at the bottom left you can see the product reference.
         </h3>
        <div class="oe_row oe_spaced">
--- a/developer_mode/static/description/index.html
+++ b/developer_mode/static/description/index.html
@ -41,19 +41,19 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Automatically Trigger Developer Mode.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Separate Group for 'Odoo Developers'.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Showing Running DB On Left Top.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
               Upgrade Modules Easily.
         </h3>
    </div>
@ -65,28 +65,28 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            As shown here, Simply automate the developer mode. It helps developer in several perspective.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-developer-mode-2.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Shows the running DB on the left top.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-developer-mode-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Easily upgrade any module without going the module form.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-developer-mode-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Recent upgraded filter view in Apps.
        </h3>
        <div class="oe_row oe_spaced">
--- a/employee_check_list/static/description/index.html
+++ b/employee_check_list/static/description/index.html
@ -36,23 +36,23 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Managing entry/exit process.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Automatic process on document attachments.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Option to enable Gauge widget for employee kanban.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Entry/Exit Percentpie in employee form view.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Entry Progressbar in employee tree view
         </h3>
    </div>
@ -64,7 +64,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Entry/Exit Checklist
         </h3>
        <div class="oe_row oe_spaced">
@ -75,28 +75,28 @@
            <img src="employee-checklist-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Employee From View With PercentPie
        </h3>
        <div class="oe_row oe_spaced">
            <img src="employee-checklist-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Employee Tree View With Progressbar
        </h3>
        <div class="oe_row oe_spaced">
            <img src="employee-checklist-cybrosys-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Employee Kanban View with Gauge
        </h3>
        <div class="oe_row oe_spaced">
            <img src="employee-checklist-cybrosys-5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Configuration
        </h3>
        <div class="oe_row oe_spaced">
--- a/employee_documents_expiry/static/description/index.html
+++ b/employee_documents_expiry/static/description/index.html
@ -37,23 +37,23 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Managing Documents of Employees
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Documents Types
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Expiry Date for Documents
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Validation for Expiry Date
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Mail Notification Based on Expiry Date
         </h3>
    </div>
@ -65,7 +65,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Documents Super Button
            </div>
         </h3>
@ -74,7 +74,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Documents Form
            </div>
         </h3>
@ -82,7 +82,7 @@
            <img src="documents-expiry-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
             Notification Mail for Expiry Doc
            </div>
        </h3>
--- a/employee_dynamic_fields/static/description/index.html
+++ b/employee_dynamic_fields/static/description/index.html
@ -34,7 +34,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Ability to add custom fields in employee master
         </h3>
    </div>
@ -45,14 +45,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Here you can fill the field information to create a new field of employee master.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="dynamic-fields-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            You can see your field is created in employee master.
            </div>
        </h3>
--- a/employee_orientation/static/description/index.html
+++ b/employee_orientation/static/description/index.html
@ -37,21 +37,21 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Makes the Employee Orientation Program easier.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Systematical Workflow.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Allows to Create Employee Training Programs.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Email Notification for each Responsible person.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Certificates for training program attendees
        </h3>
    </div>
@ -62,7 +62,7 @@
            Orientation Checklist
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
 <!--            Create checklist for selected departments-->
 <!--         </h3>-->
        <div class="oe_row oe_spaced">
@ -72,7 +72,7 @@
             Orientation Checklist Line
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
 <!--            Checklist lines for a added checklist-->
 <!--         </h3>-->
        <div class="oe_row oe_spaced">
@ -82,7 +82,7 @@
             Employee Orientation
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
 <!--            Employee orientation for selected employee-->
 <!--         </h3>-->
        <div class="oe_row oe_spaced">
@ -92,7 +92,7 @@
           Automatic creation of checklist lines
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
 <!--            On confirming employee orientation, creates orientation lines from corresponding orientation checklist.-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
@ -102,14 +102,14 @@
              Orientation Request
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
            Confirming orientation will create orientation requests automatically.
        </h3>
        <div class="oe_row oe_spaced">
                <img src="employee-orientation-cybrosys-5.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
            Orientation requests with the corresponding employee orientation are added
        </h3>
        <div class="oe_row oe_spaced">
@ -119,7 +119,7 @@
            Email Template
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
 <!--            Email for requesting to conduct the orientation-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
@ -129,7 +129,7 @@
           Employee Training
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
 <!--            Training for selected departments can be conducted.-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
@ -139,7 +139,7 @@
           Email Template
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
 <!--             Email for requesting to conduct the training program-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
@ -149,7 +149,7 @@
           Print Certificates
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
 <!--             Issuing certificates for training attended employees-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
--- a/employee_vehicle_request/static/description/index.html
+++ b/employee_vehicle_request/static/description/index.html
@ -39,23 +39,23 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Employee can request for any vehicle
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Checking availability of vehicles
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Validation for send request
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Validation for requested dates
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Advanced search view
         </h3>
@ -72,7 +72,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Here any employee can request available vehicle for a time period.
                He should mention the time period and purpose. Then he can send this request to hr manager. Here also
                module checking the availability of vehicle
@ -84,7 +84,7 @@
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                 Here Hr Manager can approve the vehicle request. Or she can refuse the request. Also Employee
                 can cancel this request from this stage before approval or rejection.
            </div>
@ -96,7 +96,7 @@
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Validation Messages
            </div>
@ -108,7 +108,7 @@
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
             Requested Period Validation
            </div>
        </h3>
--- a/event_management/static/description/index.html
+++ b/event_management/static/description/index.html
@ -34,27 +34,27 @@
            Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Event order creation.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Automatically creates service orders.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Allocate the services to different users.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Integrated with Accounting module.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Simple Workflow.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Attractive Design.
        </h3>
    </div>
@ -65,35 +65,35 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Event Dashboard
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-event-management-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Event Order View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-event-management-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Event Order Form View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-event-management-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Event Type
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-event-management-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Event Services
         </h3>
        <p class="oe_mt32">
--- a/export_stockinfo_xls/static/description/index.html
+++ b/export_stockinfo_xls/static/description/index.html
@ -46,14 +46,14 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Select category for products
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Get your stock valuation details</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Negative stock will be highlighted in "red" cells.
         </h3>
    </div>
@ -64,27 +64,27 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Go to Inventory -> Reports -> Current stock in Excel.<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Now a wizard will appear on your screen.
-            <!--<i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+            <!--<img src="https://www.cybrosys.com/images/ico-tick.png">-->
                Please enter the warehouses which you want to take the report.<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can also select category for products(It is Optional).<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                Then Click "Export Product with Stock Info" button.
-            <!--<i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+            <!--<img src="https://www.cybrosys.com/images/ico-tick.png">-->
            Then You will get the corresponding report in XLS.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-current-stock-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Per warehouse you can get Available Qty, Virtual Qty, Incoming Qty, Outgoing Qty, Net On Hand Qty,
                Total Sold & Total Purchased Qty.<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can get your stock valuation details too. In below screen-shot you
                can see stock details of 2 warehouse exported in single spreadsheet.<br/>
         </h3>
@ -92,7 +92,7 @@
            <img src="cybrosys-current-stock-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Negative stock will be highlighted in "red" cells.
        </h3>
        <div class="oe_row oe_spaced">
--- a/first_last_name/static/description/index.html
+++ b/first_last_name/static/description/index.html
@ -40,14 +40,14 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             First name
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Last name
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Nick name
         </h3>
    </div>
@ -58,7 +58,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Provision for First, Last and Nick names for all contacts
         </h3>
        <div class="oe_row oe_spaced">
--- a/front_office_management/static/description/index.html
+++ b/front_office_management/static/description/index.html
@ -36,27 +36,27 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Manage visitors.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Issue Visitor Pass.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Keep Check in, Check out Details of Visitors.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Manage Visitor Belongings.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Print Report Of visitor.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Manage Employee Belongings.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Print Property Label.</h3>
    </div>
 </section>
@ -67,7 +67,7 @@
        </h2>
        <h3>Visitors</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Create visitors.
         </h3>
        <div class="oe_row oe_spaced">
@ -75,7 +75,7 @@
        </div>
         <h3>Visits</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Add visiting details.
         </h3>
        <div class="oe_row oe_spaced">
@ -83,7 +83,7 @@
        </div>
         <h3>Visitor Pass</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Go to Visitor Management -> Visits -> Print -> Visitor Pass
         </h3>
        <div class="oe_row oe_spaced">
@ -91,7 +91,7 @@
        </div>
        <h3>Visitor Report</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Go to Visitor Management -> Visits -> Print -> Visitors Report
         </h3>
        <div class="oe_row oe_spaced">
@ -104,7 +104,7 @@
        </div>
        <h3>Employee Belongings</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Here you can specify the field 'Permission' with the values of Allowed,Not Allowed and Allowed with permission.
         </h3>
        <div class="oe_row oe_spaced">
@ -112,7 +112,7 @@
        </div>
         <h3>Property Label</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Print the properties name that are not allowed to enter to the office.
         </h3>
        <div class="oe_row oe_spaced">
@ -120,7 +120,7 @@
        </div>
         <h3>Receptionist</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            We can set 'Receptionist' access from users form.
         </h3>
        <div class="oe_row oe_spaced">
--- a/gender_contact/static/description/index.html
+++ b/gender_contact/static/description/index.html
@ -40,7 +40,7 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Gender details
         </h3>
    </div>
@ -52,7 +52,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Provision for gender in all contacts
         </h3>
        <div class="oe_row oe_spaced">
--- a/hide_cost_price/static/description/index.html
+++ b/hide_cost_price/static/description/index.html
@ -34,15 +34,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Cost price visibility restricted.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Visible only for the users in the group.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             By default administrator will be added to this group.
         </h3>
    </div>
@ -53,7 +53,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Working
         </h3>
        <div>
--- a/hr_payslip_monthly_report/static/description/index.html
+++ b/hr_payslip_monthly_report/static/description/index.html
@ -29,11 +29,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Retrieve pivot view of pay slips.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Able to get Reports
         </h3>
        <ul>
@ -52,7 +52,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Payroll Monthly Statement in Pivot View
         </h3>
        <ul>
@ -77,7 +77,7 @@
        </p>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Group by the pivot view
         </h3>
        <div class="oe_row oe_spaced">
@ -90,7 +90,7 @@
            </p>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Graph View
         </h3>
        <div class="oe_row oe_spaced">
--- a/insurance_management_cybro/static/description/index.html
+++ b/insurance_management_cybro/static/description/index.html
@ -32,18 +32,18 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Create insurance policies for customers.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Manage insurance claims and details.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Manage agents salary and commission.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Create accounting entries for all details.
         </h3>
    </div>
@ -54,7 +54,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Insurance Management System
         </h3>
        <div>
@ -74,7 +74,7 @@
            <img src="insurance_1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Claims Management System
         </h3>
        <ul>
@ -89,7 +89,7 @@
            <img src="insurance_2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Employee Management
         </h3>
        <ul>
@ -107,7 +107,7 @@
            <img src="insurance_3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Create Policy
         </h3>
        <ul>
@ -119,7 +119,7 @@
            <img src="insurance_4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Customer Details Forms
         </h3>
        <div class="oe_row oe_spaced">
--- a/inventory_barcode_scanning/static/description/index.html
+++ b/inventory_barcode_scanning/static/description/index.html
@ -35,11 +35,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Avoid manual entry of item count in Stock Picking.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Use barcode to add product.
         </h3>
@ -51,19 +51,19 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Enable editing mode.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 0% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Click the field 'Barcode' and scan the Product.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 0% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can see the quantity is updating automatically.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 0% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            If no associated product is found in list then a warning will popup.
         </h3>
        <ul><li>
--- a/invoice_stock_move/static/description/index.html
+++ b/invoice_stock_move/static/description/index.html
@ -36,11 +36,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Stock Picking From Customer Invoice.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Stock Picking From Supplier Invoice.
         </h3>
@ -52,28 +52,28 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Transfer Button in Customer invoice
         </h3>
        <div class="oe_row oe_spaced">
            <img src="stock-picking-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            On clicking Transfer Button, Stock Is Moved To  Customer Inventory.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="stock-picking-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Receive Button in Vendor Bill.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="stock-picking-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            >On clicking Receive Button, Stock Is Moved To Our Inventory.
         </h3>
        <div class="oe_row oe_spaced">
--- a/laundry_management/static/description/index.html
+++ b/laundry_management/static/description/index.html
@ -46,43 +46,43 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Recording Laundry Order.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Assigning Works.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Make Invoices.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Separate View for Works.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Billing Facility for Extra Works.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Label Printing for Every Order.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Detailed Laundry Work Analysis Report.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Access Rights From Multiple Level.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Configuration for Washing Type.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Configuration for Extra Works (Ironing/Patching etc..).
         </h3>
@ -94,7 +94,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Recording Laundry Order
         </h3>
        <div>
@ -120,7 +120,7 @@
            <img src="cybrosys-laundry-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Laundry Label
         </h3>
        <span>
@ -130,7 +130,7 @@
            <img src="cybrosys-laundry-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Laundry Works
         </h3>
        <div>
@ -150,7 +150,7 @@
            <img src="cybrosys-laundry-7.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Invoice
         </h3>
        <span>
@ -166,7 +166,7 @@
            <img src="cybrosys-laundry-9.png" alt="" style="width: 95%;"/>
        </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Configuration
         </h3>
        <span>
@ -184,7 +184,7 @@
            <img src="cybrosys-laundry-11.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Laundry Work Analysis Report
         </h3>
         <span>
--- a/legal_case_management/static/description/index.html
+++ b/legal_case_management/static/description/index.html
@ -42,27 +42,27 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Creating Lawyers and Clients.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Featuring Case Registration.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Arrange Sittings for the case
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Provision to add case related attachments
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Payment Of the case and Payslip generation for lawyers
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Offering a pivot report.
         </h3>
    </div>
@ -74,21 +74,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            We can create or view the clients from the menu "Clients" under Master Data
         </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            We can create or view the lawyers from the menu "Lawyers" under Master Data
        </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            A new case can be registered from the menu "Case Register" by filling the mandatory fields.
            And can attach any documents if needed.
        </h3>
@ -96,21 +96,21 @@
            <img src="legal-case-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            And we can add multiple sittings to the same case from the tab "Sittings"
        </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            An Internal Note field is added for adding any notes related to case
        </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            By clicking on the button "Make Payment" we were lead into a form of making payment to the
            corresponding lawyer.
        </h3>
@ -118,7 +118,7 @@
            <img src="legal-case-cybrosys-6.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            If we want to add sittings after the payment there is button "Add Sittings" is provided and
            if the case is over we can mark it as by clicking on "Mark as Done"
        </h3>
@ -126,14 +126,14 @@
            <img src="legal-case-cybrosys-7.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            The state changes from "Invoiced" to "Completed" after clicking of "Mark As Done"
        </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-8.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            We can view the pivot report based on Lawyer,Client,Case Category etc..
        </h3>
        <div class="oe_row oe_spaced">
--- a/login_user_detail/static/description/index.html
+++ b/login_user_detail/static/description/index.html
@ -33,7 +33,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Login Details
         </h3>
        <div class="oe_row oe_spaced">
--- a/mobile_service_shop/static/description/index.html
+++ b/mobile_service_shop/static/description/index.html
@ -33,9 +33,9 @@
            Access Rights
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             <img src="https://www.cybrosys.com/images/ico-tick.png">
            <strong>Manager</strong> :- Manager has the complete access across mobile shop management <br/>
-             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             <img src="https://www.cybrosys.com/images/ico-tick.png">
            <strong>Mobile Technician</strong>  :- Mobile Technician can read and write service requests and also update the parts usage.
         </h3>
    </div>
@ -47,38 +47,38 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Service request creation.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Assigning service request to technicians.         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Mobile service ticket generation.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Service status tracking..</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Integrated with accounting and sales module. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Access Rights From Multiple Level. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Mobile complaint templates.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Invoice for parts usage and service charges. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Email notifications to customer. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Parts inventory. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Flexible for further customization. </h3>
    </div>
 </section>
@ -89,7 +89,7 @@
        </h2>
        <div class="oe_row oe_spaced">
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                When you install the module, an extra menu named Mobile Service is created.
                Here you can see service requests and configure your mobile service shop.
         </h3>
@ -100,7 +100,7 @@
         <div class="oe_row oe_spaced">
         <h4>Mobile Service -> Service Request -> Create</h4>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                This is the service request creation form. Service request can be create according to the device brand and model.
                Also we can assign the service request a technician and provide warranty details, customer details, IMEI no,
                request and return dates etc....
@ -115,7 +115,7 @@
        <div class="oe_row oe_spaced">
         <h4>Generating tickets for service request.</h4>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                Here you can create tickets for service requests by using the 'Print Ticket' button.
         </h3>
        </div>
@ -123,7 +123,7 @@
            <img src="mobile-service-shop16.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                Service ticket will be generated as follows,
         </h3>
        </div>
@ -136,7 +136,7 @@
        <div class="oe_row oe_spaced">
         <h4>Mobile parts inventory</h4>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                Here you see the mobile parts used for service processing.
         </h3>
        </div>
@ -144,7 +144,7 @@
            <img src="mobile-service-shop18.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                Product will be only visible in the parts inventory if 'is a mobile part' is checked.
                <br>You can provide a brand, model and colour details from here.
         </h3>
@ -158,7 +158,7 @@
        <div class="oe_row oe_spaced">
         <h4>Invoice for service requests</h4>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                Here you can create invoices for service requests.
         </h3>
        </div>
@ -166,7 +166,7 @@
            <img src="mobile-service-shop14.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                Invoice can be created based on advance or full amount.
         </h3>
        </div>
@ -174,7 +174,7 @@
            <img src="mobile-service-shop5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                The parts used during the service process will be automatically added to invoice line.
         </h3>
        <div class="oe_row oe_spaced">
@ -185,7 +185,7 @@
        </h2>
        <div class="oe_row oe_spaced">
             <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                No need to create stock moves for parts usage manually. 'Post Stock Moves' will generate stock  for the parts usage.
         </h3>
            <div class="oe_row oe_spaced">
@ -196,7 +196,7 @@
        </h2>
        <div class="oe_row oe_spaced">
             <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                 The system will send email notification to the customer for each stage in the service request.</br>
             <br><I>Note:- You should configure outgoing and incoming e-mail settings from your odoo for email service.</I>
         </h3>
@ -210,7 +210,7 @@
           Brands Configuration
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                 Create mobile brands which is used in service request creation.
            <br> <strong> Mobile Service -> Configuration -> Brands</strong>
         </h3>
@ -222,7 +222,7 @@
            Models Configuration
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can also create models for different mobile brands from
            <br><strong>Mobile Service -> Configuration -> Models</strong>
        </h3>
@ -233,7 +233,7 @@
            Complaint Types
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can create different complaint types from
            <br><strong>Mobile Service -> Configuration -> Complaint Types</strong>
        </h3>
@ -244,7 +244,7 @@
            Complaint Templates
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Complaint Templates can be created from
            <br><strong>Mobile Service -> Configuration -> Complaint Types</strong>
        </h3>
@ -252,7 +252,7 @@
            <img src="mobile-service-shop11.png" alt="" style="width: 95%;"/>
        </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can select different complaint templates from the 'Complaints' page while creating service requests.
        </h3>
        <div class="oe_row oe_spaced">
@ -262,7 +262,7 @@
            Terms and conditions
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Terms and conditions for service request can be added from,
            <br><strong>Mobile Service -> Configuration -> Terms and Conditions</strong>
            which will be added to the service tickets.
--- a/mrp_production_draft/static/description/index.html
+++ b/mrp_production_draft/static/description/index.html
@ -40,18 +40,18 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Newly Created Manufacturing Orders Will Be In 'Draft' State.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             User Can Change The Product, Quantity, etc.. On This State.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             A New Button 'Confirm' Is Added To Confirm The Manufacturing Order.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Sequence Number Will Not Be Generated Until Confirmation Of Manufacturing Order.</h3>
    </div>
 </section>
@ -61,21 +61,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Default in odoo, there is only the confirmed state as default. You cannot edit if the order is confirmed.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-mrp-draft-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Provides a new state 'Draft' as default. So that users can manage a manufacturing order more easily.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-mrp-draft-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Change in the warning mesage if you try to edit the confirmed manufacturing order.
         </h3>
        <div class="oe_row oe_spaced">
--- a/odoo-debrand/static/description/index.html
+++ b/odoo-debrand/static/description/index.html
@ -46,31 +46,31 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Modify database selector page
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Modify login page
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Remove Odoo's default favicon
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Updated "About" list
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Removed advertisements from the settings page
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Updated warning messages
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Page title modification
         </h3>
@ -83,7 +83,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            As you see in the settings option you need to set up the Website name & favicon then only the change will be affected
            in the title. Also you need to setup the company logo from the settings page to change the default logo.
         </h3>
@ -91,39 +91,39 @@
            <img src="cybrosys-odoo-debranding-1.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Company logo in login page.</div>
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-odoo-debranding-2.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Powered by in the front-end is removed.</div>
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Default title is changed.</div>
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-odoo-debranding-3.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Updated the Odoo title in the messages.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-odoo-debranding-4.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Updated the Odoo title in the warning message</div>
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-odoo-debranding-5.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Odoo promotional banners in the settings dashboard page is changed.</div>
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Odoo accounts and documentation is removed from the dropdown list.</div>
        </h3>
        <div class="oe_row oe_spaced">
--- a/personal_info/static/description/index.html
+++ b/personal_info/static/description/index.html
@ -40,11 +40,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             First name, Last name, Nick name and gender for partners.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             New tab for personal informaions.
         </h3>
    </div>
@ -56,14 +56,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Names and gender
         </h3>
        <div class="oe_row oe_spaced">
            <img src="personal-details-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            New tab for personal info
         </h3>
        <div class="oe_row oe_spaced">
--- a/point_of_sale_logo/static/description/index.html
+++ b/point_of_sale_logo/static/description/index.html
@ -37,15 +37,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Logo for each point of sale.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Logo in pos screen.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Logo in pos receipt.
         </h3>
    </div>
@ -57,7 +57,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Point of Sale -> Configuration -> Point of Sale
         </h3>
        <ul>
@ -75,7 +75,7 @@
            <img src="cybrosys-point-of -sale-logo-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            POS receipt with point of sale logo and name
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_category_wise_receipt/static/description/index.html
+++ b/pos_category_wise_receipt/static/description/index.html
@ -32,7 +32,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Category wise bill
         </h3>
    </div>
@ -47,14 +47,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Choose your product randomly
         </h3>
        <div class="oe_row oe_spaced">
            <img src="category-wise-receipt-cybrosys-1.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Product category wise receipt
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_lock_session/static/description/index.html
+++ b/pos_lock_session/static/description/index.html
@ -32,23 +32,23 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Screen lock option in POS session configuration.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Screen lock button in POS.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Lock screen using keyboard shortcut 'CTRL+L'.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Login/Unlock screen in pos.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Extra layer of security.
         </h3>
    </div>
@ -59,7 +59,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Configuration
            <h4>
                Using the newly appeared Boolean button in POS configuration user can enable screen lock option.
@ -69,14 +69,14 @@
            <img src="pos_session_lock_01.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Lock Screen
         </h3>
        <div class="oe_row oe_spaced">
            <img src="pos_session_lock_02.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Login/Unlock Screen
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_magnify_image/static/description/index.html
+++ b/pos_magnify_image/static/description/index.html
@ -32,11 +32,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            + icon on pos product image.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            On clicking + icon, display pop up with magnified product image.
         </h3>
    </div>
@ -48,7 +48,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Click on + button to get magnified product image.
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_mrp_order/static/description/index.html
+++ b/pos_mrp_order/static/description/index.html
@ -35,15 +35,15 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Automatically create MRP order form POS sale
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             We have to assign the products for which MRP order gets created Automatically.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Identify the MRP orders easily generated from POS.
         </h3>
    </div>
@ -55,14 +55,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            How enable MRP order creation from POS
         </h3>
        <div class="oe_row oe_spaced">
            <img src="pos-mrp-order-cybrosys-1.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           There is a heading 'Point of Sale' under sales tab in the product form. Enable 'To create MRP order' and make sure that this product has a bill of material, else system will generate a warning.
            If you forget to set the BOM, then MRP order does not get created.
        </h3>
@ -70,7 +70,7 @@
            <img src="pos-mrp-order-cybrosys-2.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
        Every product needs minimum one BoM, then only MRP order gets created at the time of POS sale.</br>
@ -90,7 +90,7 @@
            <img src="pos-mrp-order-cybrosys-3.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Point Of Sale
            <ul>
            <li>Select the products for sale.</li>
@ -102,7 +102,7 @@
            <img src="pos-mrp-order-cybrosys-4.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            From the "Source", we can easily find out the MRP orders that is created by POS.
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_order_line_image/static/description/index.html
+++ b/pos_order_line_image/static/description/index.html
@ -34,7 +34,7 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Product image in pos order line.
         </h3>
    </div>
--- a/pos_product_category_filter/static/description/index.html
+++ b/pos_product_category_filter/static/description/index.html
@ -33,7 +33,7 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Set available  product categories for each POS.
         </h3>
    </div>
@ -44,7 +44,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 0% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can set it in POS form as:
            <h4>
                Point of sale > Configuration > Point of Sale > Available Product Categories.
--- a/pos_product_reference/static/description/index.html
+++ b/pos_product_reference/static/description/index.html
@ -35,11 +35,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Product names with product reference.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Print POS receipts with Product references.
         </h3>
    </div>
@ -51,7 +51,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            &nbsp; &nbsp; &nbsp;The product reference will displays with product name. <br>
         </h3>
@ -59,7 +59,7 @@
            <img src="1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            &nbsp; &nbsp; &nbsp;Product Reference In Pos Order Lines .<br>
         </h3>
@ -67,7 +67,7 @@
            <img src="2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            &nbsp; &nbsp; &nbsp;The receipt generated by POS is as follows.<br>
         </h3>
--- a/pos_quotation_order/static/description/index.html
+++ b/pos_quotation_order/static/description/index.html
@ -39,27 +39,27 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            'Create Quotation' button in POS
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Create pos quotations
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              'Quotation List' button in POS
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Quotation list window
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Manage quotations from POS
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Quotation reference in order receipt and order
         </h3>
    </div>
@ -71,7 +71,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
               After installation, open POS window and start and new Session.
            </div>
         </h3>
@ -79,7 +79,7 @@
            <img src="pos-quotation-order-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
             In order to create a quotation you have to add products in Order line. Otherwise it will raise an alert popup with invalid order line.
            </div>
        </h3>
@ -88,7 +88,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Add the products in order line and click ‘Create Quotation’ it will give you a popup to add order date and a note for quotation
            </div>
         </h3>
@ -97,7 +97,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Once you have successfully created a quotation, you will get a Quotation reference number as in the figure.
            </div>
         </h3>
@ -106,7 +106,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                You can view and manage the created PoS quotations from Point of Sale -> Orders -> Quotation
            </div>
         </h3>
@ -115,7 +115,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Click on any of the quotation to view the details of the particular quotation.
            </div>
         </h3>
@ -124,7 +124,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                You can view all ‘Draft’ quotation by clicking ‘Quotation List' button in POS. Click the corresponding ‘Confirm’ button.
            </div>
         </h3>
@ -133,7 +133,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                On confirming quotation, you can view the order lines and customer assigned with quotation details.
            </div>
         </h3>
@ -142,7 +142,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                POS Receipt with Quotation Reference
            </div>
         </h3>
@ -151,7 +151,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Now, if you go to the quotation details you can see that the Quotation status is changed to ‘confirmed’.
            </div>
         </h3>
@ -160,7 +160,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                POS Order with Quotation Reference
            </div>
         </h3>
--- a/pos_restaurant_floor_facility/static/description/index.html
+++ b/pos_restaurant_floor_facility/static/description/index.html
@ -35,19 +35,19 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Facilities With Charging Percentage.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Facility Lines in Floor Master.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Enables Separate Price in Floors Wise.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Simple Configuration.
         </h3>
    </div>
@ -58,14 +58,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Facility Master - Tree View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="pos-restaurant-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Facility Master - Form View
            <ul>
                <li>Facilities with its charging percentage.</li>
@ -76,7 +76,7 @@
            <img src="pos-restaurant-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Floor Master With Facility Lines - Form View
            <ul>
                <li>Facility lines with its charging percentage.</li>
@ -88,7 +88,7 @@
            <img src="pos-restaurant-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Floor Wise Price Change - POS Screen
            <ul>
                <li>Floor facility charge will added with actual price of product.</li>
--- a/pos_ticket/static/description/index.html
+++ b/pos_ticket/static/description/index.html
@ -35,7 +35,7 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Company logo and info will be displayed in POS receipt.
         </h3>
    </div>
@ -47,14 +47,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Differences between old and new look of POS receipt.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-pos-ticket-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Differences between old and new look of POS Logo.
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_traceability_validation/static/description/index.html
+++ b/pos_traceability_validation/static/description/index.html
@ -36,11 +36,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Validates given serial number is available in stock
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Prevents duplicated entry for more than one quantity
         </h3>
    </div>
@ -52,7 +52,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Warnings
         </h3>
        <div class="oe_row oe_spaced">
--- a/product_deletion/static/description/index.html
+++ b/product_deletion/static/description/index.html
@ -41,11 +41,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Only users in the group Product Deletion can delete the product.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             If user is not in the group Odoo will raise a warning message.
         </h3>
    </div>
@ -57,7 +57,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Product Form
         </h3>
        <div class="oe_row oe_spaced">
--- a/product_expiry_warning/static/description/index.html
+++ b/product_expiry_warning/static/description/index.html
@ -42,11 +42,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Both Sales and Inventory Section Gets the Warning Message
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Integrate with Products Expiration Date Module
         </h3>
    </div>
@ -57,7 +57,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Warning in Sale order<br> &nbsp; &nbsp; &nbsp; If you select a product that does not have good products in the
                inventory, you will get this error message.
         </h3>
@ -65,7 +65,7 @@
            <img src="product_expiry_warning1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Warning at Stock Picking<br>
            &nbsp; &nbsp; &nbsp; This warning is generated when you pick some expired product from
                the inventory.
@ -74,7 +74,7 @@
            <img src="product_expiry_warning2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Define expiry date<br>
            &nbsp; &nbsp; &nbsp;You can set expiry date from <strong>Inventory --> Inventory Control --> Lots/Serial Numbers</strong>  <br>
            &nbsp; &nbsp; &nbsp;The app generate Expiry warning based on the date you give on "End of Life" field.
--- a/product_image_suggestion/static/description/index.html
+++ b/product_image_suggestion/static/description/index.html
@ -40,15 +40,15 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             A seamless and accurate search of product images from Google
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Prioritizing the image suggestions via setting the desired search limit
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Easy image editing; Can automatically resize the image to 1024x1204 px
         </h3>
    </div>
@ -60,7 +60,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Product Form.</div>
        </h3>
        <div class="oe_row oe_spaced">
--- a/product_price_update_advanced/static/description/index.html
+++ b/product_price_update_advanced/static/description/index.html
@ -45,11 +45,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Updates sale price
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Updates cost price
         </h3>
    </div>
@ -61,7 +61,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can update the price of product here
         </h3>
        <div class="oe_row oe_spaced">
--- a/sale_discount_total/static/description/index.html
+++ b/sale_discount_total/static/description/index.html
@ -33,15 +33,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Select 'Percentage' from Discount type and give discount percentage as Discount rate.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Select 'Amount' from Discount type and give discount amount as Discount rate.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            System will update the value of Discount and Total
         </h3>
    </div>
@ -52,21 +52,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Sale Order
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-sales-discount-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Customer Invoice
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-sales-discount-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            And the module also allows you to set a limit for total discount in percentage. Exceeding this limit
            will require approval.
         </h3>
@ -74,7 +74,7 @@
            <img src="cybrosys-sales-discount-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Manager level users can approve sale orders in 'Waiting Approval' stage.
         </h3>
        <div class="oe_row oe_spaced">
--- a/sale_purchase_previous_product_cost/static/description/index.html
+++ b/sale_purchase_previous_product_cost/static/description/index.html
@ -33,15 +33,15 @@
                 Features
            </h2>
             <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
               Previous sale price history
             </h3>
             <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Previous purchase price history
             </h3>
             <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Provide product's previous prices in product page
             </h3>
        </div>
@ -54,7 +54,7 @@
            </h2>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                    <img src="https://www.cybrosys.com/images/ico-tick.png">
                   go to Sale/Purchase Order Form
                </div>
             </h3>
@ -64,7 +64,7 @@
            </div>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                    <img src="https://www.cybrosys.com/images/ico-tick.png">
                   Select product and go to product form view
                </div>
             </h3>
@ -74,7 +74,7 @@
            </div>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                    <img src="https://www.cybrosys.com/images/ico-tick.png">
                  In product form you can see a new tab named "Previous Price History". In this tab 'Partner' field already filled with the partner name which you are selected in sale/purchase form. You have also an option to change this 'Partner'.
                </div>
             </h3>
@ -84,7 +84,7 @@
            </div>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                    <img src="https://www.cybrosys.com/images/ico-tick.png">
                  To see previous sale price history please click on the button name 'Previous Sale Rates'.
                </div>
             </h3>
@ -94,7 +94,7 @@
            </div>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                    <img src="https://www.cybrosys.com/images/ico-tick.png">
                 To see previous purchase price history please click on the button name 'Previous Purchase Rates'
                </div>
             </h3>
--- a/salon_management/static/description/index.html
+++ b/salon_management/static/description/index.html
@ -47,27 +47,27 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Online booking facility.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Accounting facility.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Customer notification via email.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             User interactive dashboard.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Customer can view the available chairs and order details.</h3>
 <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Different access levels for users and administrator.</h3>
 <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Track the chair user by date.
         </h3>
    </div>
--- a/stock_exipry_reprt/static/description/index.html
+++ b/stock_exipry_reprt/static/description/index.html
@ -42,15 +42,15 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Provides report of the products which will expire within the mentioned date.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Provides Location wise Report.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Expiry Report based on specific locations also included.
         </h3>
    </div>
@ -62,21 +62,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            For the report Purpose We have to enable 'Lots and Serial Numbers' and 'Expiration Date' from the settings.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="settings.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Here the field Generate Report For(days) specifies the number of days the we want to generate the report.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="report_days.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Now the report is generated based on the conditions that we provided.
        </h3>
        <div class="oe_row oe_spaced">
--- a/stock_last_purchase_price/static/description/index.html
+++ b/stock_last_purchase_price/static/description/index.html
@ -45,19 +45,19 @@
            Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            A New Costing Method Is Added To The List And Can Be Chosen From Product Category Form.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Cost Price Of Products Will Be Updated With Their Last Purchase Price
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Takes Last Purchase Price In Stock Valuation Report
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Automatically Posting Price Difference Related Accounting Entries To The
            'Price Difference Account' When We Use Automated Inventory Valuation
        </h3>
@ -70,14 +70,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Product category
         </h3>
        <div class="oe_row oe_spaced">
            <img src="prod_category.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Journal Item generated by the price change
         </h3>
        <div class="oe_row oe_spaced">
--- a/task_deadline_reminder/static/description/index.html
+++ b/task_deadline_reminder/static/description/index.html
@ -34,15 +34,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Helps the HR manager to know the deadline of various tasks.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             HR can send reminder mail to the particular employee whose tasks is going to end today
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             HR can take actions and further processes based on the deadline
         </h3>
    </div>
@ -53,7 +53,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Project Task Form - Configuration of Task Deadline Reminder
         </h3>
        <ul>
@ -65,18 +65,18 @@
            <img src="cybrosys-task-reminder-1.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Automation Scheduled Action - Cron Job
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-task-reminder-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Now link will allow user to jump to related task directly.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 0% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            This email will group all tasks which are deadline today for that user and send summary table to user/employee by email.
         </h3>
        <div class="oe_row oe_spaced">
--- a/total_payable_receivable/static/description/index.html
+++ b/total_payable_receivable/static/description/index.html
@ -23,7 +23,7 @@
            Partner Form
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Amount payable and receivable is shown in the partner form
         </h3>
        <div class="oe_row oe_spaced">
--- a/user_login_alert/static/description/index.html
+++ b/user_login_alert/static/description/index.html
@ -34,19 +34,19 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Email notification on Log in
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Details of the system that accessed the account
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             IP, OS and browser as well as log in time will be there in the notification email
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            User will receive notification only if user exist in group receive login notification
         </h3>
@ -59,11 +59,11 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                Adding user to the login notification group
            </div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
                user will receive notification only if he is added in this group
            </div>
         </h3>
@ -71,7 +71,7 @@
            <img src="login-alert-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            User received e-mail on successful login
            </div>
        </h3>
@ -85,31 +85,31 @@
             Working
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            If the user is logging in from the same system, user will be only notified for the first time
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            If the user changes the browser or OS from the same system, the notification email will be received
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             if user logged in from a new system , notification mail will send
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Users IP, OS ad browser details will be stored in User form
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
          Logging in from above IP ,browser and OS user wont be notified
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           This will get updated based on users latest login
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            This will details be visible  only in developer mode
         </h3>
--- a/website_coupon/static/description/index.html
+++ b/website_coupon/static/description/index.html
@ -30,21 +30,21 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Create and configure vouchers for providing a discount based on product, product category or for all products.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Generate a unique code for each coupon.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Limit the usage of coupons by each user.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Provide a validity for the coupons. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             History of coupons used by each customer. </h3>
    </div>
 </section>
@ -54,7 +54,7 @@
            Enable the voucher option from the website.
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            When we added some product to our cart, under the 'Customize' menu, we can see the 'Voucher Code' option.
         </h3>
        <div class="oe_row oe_spaced">
@ -64,14 +64,14 @@
            Apply the coupon by providing the secret code.
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            After enabling the 'Voucher Code' option, we can enter our coupon code. If that code is valid, it will be applied to the order. The validation is based on the expiry date of the voucher, the voucher type, coupon code entered, coupon balance, etc. The total amount of an order can't be zero or less than, zero.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="apply_coupon.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            After we have entered the coupon code and pressed the apply button, the system will check the amount after applying the coupon specified is greater than zero or not. If not, we cannot apply this coupon to this order. In this case we will see a notification saying that this coupon is not applicable.
         </h3>
        <div class="oe_row oe_spaced">
@ -81,7 +81,7 @@
            Create and configure vouchers.
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            For creating a voucher, there are three options. We can create a voucher for a single product or a product category or for the complete products. For the first option, we need to specify a product, that means, this voucher will be applicable only if the customer has selected this product in his order. The minimum and maximum voucher values can be set here. The expiry date indicates the validity of this voucher.
         </h3>
        <div class="oe_row oe_spaced">
@ -89,14 +89,14 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            For creating voucher for a product category, we need to select a category. In this case, this voucher will be applicable only if the cart contains products from this category.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="voucher_category.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            The third option can be used to provide discounts for all the products.         </h3>
        <div class="oe_row oe_spaced">
            <img src="voucher_all.png" alt="" style="width: 95%;"/>
@ -105,7 +105,7 @@
           Create and configure coupons and codes.
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            When we create the coupon, a unique, auto-generated and editable code will be there for each coupon. There are mainly
                two types of coupons, fixed and percentage. The fixed type is used to deduct a fixed amount from the order. The
                percentage type will deduct a certain percentage of amount from the order.
@ -123,7 +123,7 @@
           Coupon History.
        </h2>
    <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Under the 'Coupon History' menu, we can see the details of coupons used by all the customers.    </h3>
    <div class="oe_row oe_spaced">
            <img src="history.png" alt="" style="width: 95%;"/>
--- a/whatsapp_redirect/static/description/index.html
+++ b/whatsapp_redirect/static/description/index.html
@ -41,11 +41,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Send messages to partners
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            User friendly
         </h3>
    </div>
@ -57,35 +57,35 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Enter the whatsapp number
         </h3>
        <div class="oe_row oe_spaced">
            <img src="whatsapp-cybrosys-5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Select 'whatsapp message' from partner form.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="whatsapp-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                Enter the text that you have to send.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="whatsapp-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
               Choose Send option
        </h3>
        <div class="oe_row oe_spaced">
            <img src="whatsapp-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            The message is delivered to whatsapp web.
        </h3>
        <div class="oe_row oe_spaced">