[UPDT] Index Modified

6 years ago · 848e6d1712
68 changed files with 433 additions and 433 deletions
--- a/cab_booking_management/static/description/index.html
+++ b/cab_booking_management/static/description/index.html
@ -27,30 +27,30 @@
             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">
             Booking the Cab.
         </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">
             Auto approval Settings in 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">
             Cab Logs for Every Trip.
         </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">
             Record Every Activity Related to CBMS.
         </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 Successful Booking.
         </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">
             Booking Status.
         </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">
             View All Cab Activities with Advanced Filttrations.
         </h3>
    </div>
@ -61,56 +61,56 @@
            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">
            Create cabs with required details
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cab_creation.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">
            Approve  cab booking automatically.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cab_conf.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">
            It keeps the records of all the expenses of each  cab trips.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="log_details.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">
            Record Every Activity Related to CBMS.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cab_activity.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 email notification will be sent to the user on successful Cab booking.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="mail.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">
             View your status of booking.You can also cancel your booking from here.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cab_cancel.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">
             It shows the total expenses for a cab, on daily basis.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cab_maintain.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">
             View All Cab Activities with Advanced Filtrations.
         </h3>
        <div class="oe_row oe_spaced">
--- a/car_workshop_report/static/description/index.html
+++ b/car_workshop_report/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">
             Reporting Module for Car Workshop Application.
         </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">
              PDF & XLS Reports.
         </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">
             Filter Facilities.
         </h3>

@ -56,7 +56,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">
            Reports can be downloaded in XLS and PDF format. Filter results based on:
         </h3>
        <ul>
@ -71,14 +71,14 @@
            <img src="car-workshop-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">
            PDF Report
        </h3>
        <div class="oe_row oe_spaced">
            <img src="car-workshop-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">
            XLS Report
        </h3>
        <div class="oe_row oe_spaced">
--- a/colour_code_project/static/description/index.html
+++ b/colour_code_project/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">
             Sets colour codes to tasks
         </h3>

@ -53,21 +53,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">
            Choose colour code for project
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-project-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">
            Choose colour code for tasks
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-project-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">
            Automatically follows the specified colour code for that project.
         </h3>
        <div class="oe_row oe_spaced">
--- a/crm_drag_back_permission/static/description/index.html
+++ b/crm_drag_back_permission/static/description/index.html
@ -34,11 +34,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">
             Restricts some users to drag leads backwards in sales pipeline.
         </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 the administrator or head of the team to approve leads.
         </h3>

@ -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">
            Go to Configuration -> Stages, and set an 'order'(integer value) for each stage you want to use in the pipeline.
            The drag back works based on this 'order' field value.
        </h3>
@ -59,14 +59,14 @@
            <img src="cybrosys-kanban-dragback-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">
            Shows the leads that are in the 'Waiting for Approval' State
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-kanban-dragback-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 Administrator or the Head of Sales of team which the lead belongs to, can approve the lead to the stage requested by the user or decline the lead back to it's previous stage.
         </h3>
        <div class="oe_row oe_spaced">
--- a/crm_won_lost_report/static/description/index.html
+++ b/crm_won_lost_report/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">
             XLS 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">
            In report, filters like sales person, start date and end date is added
         </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">
             You can take the report from,</br>
            Sales-> Report -> Won/Lost Reports
         </h3>
--- a/cron_failure_notification/static/description/index.html
+++ b/cron_failure_notification/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">
             Creating Failure History for All Jobs in Backend.
         </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">
              Failure Report Will Automatically Logged.
         </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">
             Administrator Can Review Logs.
         </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">
             Send Report to Support/Technical Team by Email Button.
         </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">
             Custom Email Template for Sending Mail with Failure Details.
         </h3>
    </div>
@ -64,21 +64,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">
           Error Logs Scheduled Actions - Form View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cron-failure-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">
            Print PDF Report- Error Logs Scheduled
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cron-failure-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">
            Send By Email - Error Logs Scheduled Actions Attaching PDF Report
        </h3>
        <div class="oe_row oe_spaced">
--- a/cybro_product_stock_balance/static/description/index.html
+++ b/cybro_product_stock_balance/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">
              Overall status of quantity on product form
         </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">
            This module gives you an overall status of quantity at each internal location right on product form.
         </h3>
        <div class="oe_row oe_spaced">
--- a/discounts_in_pos/static/description/index.html
+++ b/discounts_in_pos/static/description/index.html
@ -38,19 +38,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">
            Percentage discount on order lines.
         </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">
            Fixed discount on order lines.
         </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">
            Percentage discount on 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">
            Fixed discount on order.
         </h3>
    </div>
@ -63,7 +63,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">
            A new button 'Disc.Fixed' is added for providing fixed discounts on orderlines. By clicking on this button, we can enter the fixed discount. After we have entered the discount, it will be shown under
            the product name of the orderline to which we have applied the discount.
         </h3>
@ -71,7 +71,7 @@
            <img src="discounts-pos-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">
            <ul>
                <li>Percentage discount on order.</li>
                If we need to provide discount on the total amount of an order, it can be done using this module. The button 'Disc(Total%)'
@ -82,7 +82,7 @@
            </ul>
        </h3>
        <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 have either one type of discount at a time for an order and order
            line. i.e, it is not possible to provide percentage discount and fixed discount at the same time. Suppose we have applied fixed discount on an order or orderline, then if we try to apply percentage discount,
            the existing discount will be removed and new one will be applied. </br>
@ -100,7 +100,7 @@
            <img src="discounts-pos-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">
            Before providing discounts we need to set an account for recording the discount amount.
            It can be created when we are creating the point of sale
         </h3>
--- a/ecommerce_stock/static/description/index.html
+++ b/ecommerce_stock/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">
            get the product stock information in website
         </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">
            Displays a custom message Available/Out of Stock and the stock quantity for each product
         </h3>
    </div>
@ -59,7 +59,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">
                Product On Hand At Backend
            </div>
         </h3>
@ -68,7 +68,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">
                Stock Indication In E-Commerce
            </div>
         </h3>
@ -76,7 +76,7 @@
            <img src="ecommerce-stock-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">
             Disabled : When Product is Out of Stock
            </div>
        </h3>
@ -84,7 +84,7 @@
            <img src="ecommerce-stock-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;">
-            <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">
             Enabled : When Product is Available
            </div>
        </h3>
--- a/employee_contract_report/static/description/index.html
+++ b/employee_contract_report/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">
            Print PDF report on contract form
         </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">
           The Employee Contract Report gives PDF report of contract details of employee
        </h3>
        <div class="oe_row oe_spaced">
            <img src="contract-report-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">
            Employee Contract button on Employee Contract form/list view
            </div>
        </h3>
--- a/employee_creation_from_user/static/description/index.html
+++ b/employee_creation_from_user/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">
             Employee creation
         </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">
            An employee will be created automatically while creating user.
         </h3>
        <div class="oe_row oe_spaced">
--- a/employee_orientation/static/description/index.html
+++ b/employee_orientation/static/description/index.html
@ -44,19 +44,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">
             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>
    </div>
@ -68,7 +68,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">
            Orientation Checklist
         </h3>
        <div class="oe_row oe_spaced">
@ -78,7 +78,7 @@
            <img src="employee-orientation-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">
            Orientation Checklist Line
        </h3>
        <div class="oe_row oe_spaced">
@ -89,7 +89,7 @@
            <img src="employee-orientation-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">
            Employee Orientation
        </h3>
        <div class="oe_row oe_spaced">
@ -100,14 +100,14 @@
            <img src="employee-orientation-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">
            On confirming employee orientation, creates orientation lines from corresponding orientation checklist.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="employee-orientation-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">
            Orientation Request
        </h3>
        <div class="oe_row oe_spaced">
@ -118,14 +118,14 @@
            <img src="employee-orientation-cybrosys-10.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">
            Email Template
        </h3>
        <div class="oe_row oe_spaced">
            <img src="employee-orientation-cybrosys-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">
            Employee Training
        </h3>
        <div class="oe_row oe_spaced">
@ -136,7 +136,7 @@
            <img src="employee-orientation-cybrosys-13.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">
            Email Template
        </h3>
        <div class="oe_row oe_spaced">
--- a/event_pdf_report/static/description/index.html
+++ b/event_pdf_report/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">
            Events report
         </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">
           Select the events From the form view or tree view of the events.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="event-report-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">
           PDF report with event Details including Attendees status.
            </div>
        </h3>
--- a/export_stockinfo_xls/static/description/index.html
+++ b/export_stockinfo_xls/static/description/index.html
@ -43,14 +43,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>
@ -61,27 +61,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>
@ -89,7 +89,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/fleet_car_workshop/static/description/index.html
+++ b/fleet_car_workshop/static/description/index.html
@ -31,21 +31,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">
             User Friendly Interface.
         </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">
            Effective Time management.
         </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 Journal 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">
             Integrated with Accounting.</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">
             High Scalability.</h3>
    </div>
 </section>
@ -55,7 +55,7 @@
           Dashboard/All Vehicles
        </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">
           Whole Workshop Analysis
         </h3>
        <div class="oe_row oe_spaced">
@ -66,7 +66,7 @@
        </h2>
        <h3>Goto Car Workshop -->Search -->Worksheet</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">
           Organise all the works according to their Status. Works/Tasks assigned works using the kanban view and control deadlines in the calendar view.Each Work may have it's own stages.
         </h3>
        <h3>Kanban</h3>
@ -81,7 +81,7 @@
          Worksheet View
        </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">
            All details related to a work/task
         </h3>
        <div class="oe_row oe_spaced">
@ -92,13 +92,13 @@
        </h2>
        <h3>Goto Car Workshop >Search >Worksheet >Timesheet</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">
            In timesheet ,Planned work is the sub works related to main Work. By ticking 'Completed' that work will be automatically updated to Work done.<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">
            Work done is the details of completed works.<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">
            Hour spent is time taken for completed work(Work Done).<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">
            Remaining Hour is total time left(Difference between Total Time and Hour Spent).
        </h3>
        <div class="oe_row oe_spaced">
@ -108,7 +108,7 @@
         Report
        </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">
            Tabular Details of Vehicles
         </h3>
        <div class="oe_row oe_spaced">
@ -118,7 +118,7 @@
        Settings
        </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">
           Configure Preferred journal for Invoicing
         </h3>
        <h3>Goto Car Workshop >Configuration >Settings </h3>
@ -129,7 +129,7 @@
        Separate Journal
        </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">
            Invoices from the car workshop will be saved to Separate journal.
         </h3>
        <h3>Goto Car Workshop >Search >Worksheet >Create Invoices </h3>
--- a/fleet_rental/static/description/index.html
+++ b/fleet_rental/static/description/index.html
@ -34,9 +34,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">
            Fleet Manager :- Fleet manager has the complete access across the fleet rental 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">
           Fleet Rental User :- Fleet rental user can read, write and create the records.
         </h3>
    </div>
@ -48,42 +48,42 @@
             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">
             Multiple Plans for Rental Contract(Days/Weeks/Months/Years).
         </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">
             Automatically Create Recurring 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">
             Sending email for confirmation, first payment and recurrent 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">
            Check List 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">
            Separate Tree view for Checklist. </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">
             Damage Checking 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">
            Billing Facility for Damages/Check Lists. </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">
            Contract Payment Validations. </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 Fleet Rental 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">
            Flexible for further customization. </h3>
    </div>
 </section>
@ -95,7 +95,7 @@
        <div class="oe_row oe_spaced">
         <h4>Fleet Rental -> Rental Management</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">
                When you install the module, an extra menu named Rental Management is created
                under the Fleet Menu. Also "Fleet" menu is replaced as "Fleet Rental". Here you can see different color
                codes according to each state. This helps you in finding out contracts easily.
@ -107,7 +107,7 @@
         <div class="oe_row oe_spaced">
         <h4>Fleet Rental -> Rental Management -> Rental Contract</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 Rental Contract form. You can see the Recurring lines created according to
                     the Recurring cost. And also you can see all the invoices related to this contract from the smart
                     button "Invoices".
@ -122,7 +122,7 @@
        <div class="oe_row oe_spaced">
         <h4>Checklist Tab in Rental Contract Form.</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 add the list of tools given with the vehicle.
                    When the vehicle is returned back, the checklist can be validated and helps you to identify the
                    tools that are not returned. The price of unreturned tools will be added to the missing tool cost.
@ -138,14 +138,14 @@
        </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 open all rental contract to see the checklist.
         </h3>
            <div class="oe_row oe_spaced">
            <img src="cybrosys-fleet-rental-4.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 also create invoice against the checklist from here.
                 The checklists are those which are in the checking state,
                 that means the ones ready for checking the operation.
@ -160,11 +160,11 @@
            Email Notifications
        </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">
                The system will send email notification to notify the confirmation of contract.<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">
                The system will notify the first payment through email.<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">
                The system will remind all recurrent invoices through email.<br/>
                    <I>Note:- You should configure outgoing and incoming e-mail settings from your odoo for email service.</I>
         </h3>
@ -186,7 +186,7 @@
            <img src="cybrosys-fleet-rental-9.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">
                 Here you can see you have 4 invoices and this contract is in 'Invoice' state.
                 So you can set this contract to done only if all the invoices are in 'paid' state.
                 Otherwise it will raise a warning as follow.
@ -199,7 +199,7 @@
            Fleet Rental Analysis Report
        </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 analyse all your fleet rentals from Fleet Rental -> Reports -> Fleet Rental Analysis.
        </h3>
            <div class="oe_row oe_spaced">
--- a/fleet_report/static/description/index.html
+++ b/fleet_report/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">
            Provides detailed pdf report
         </h3>
    </div>
@ -44,14 +44,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">
            Fleet Report
         </h3>
        <div class="oe_row oe_spaced">
            <img src="fleet-report-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 below Pdf gives the details Of Each vehicles Odometer reading,Costs and also Service details.
        </h3>
        <div class="oe_row oe_spaced">
@ -62,7 +62,7 @@
            <img src="fleet-report-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">
           Fleet Contract Report
        </h3>
        <div class="oe_row oe_spaced">
--- a/general_reminders/static/description/index.html
+++ b/general_reminders/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">
             Set reminders for important 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">
             Provides various searches for reminders
         </h3>

@ -57,14 +57,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">
            Set your reminders for any model and the corresponding date field. Also this module allows different methods to search.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="general-reminders-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 use 3 methods to search:
            <ul>
                <i class="list-style:none !important;" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
@ -85,14 +85,14 @@
            <img src="general-reminders-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 the Reminder from the list of Reminders
         </h3>
        <div class="oe_row oe_spaced">
            <img src="general-reminders-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">
            Related Result
         </h3>
        <div class="oe_row oe_spaced">
--- a/hr_expense_paid/static/description/index.html
+++ b/hr_expense_paid/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">
             Process expense management
         </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">
            You can create the payment for an employee by a single click
         </h3>
        <div class="oe_row oe_spaced">
            <img src="hr-expense-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">
            A draft payment will be created
            <li>Note : You should manually validate the payment</li>
        </h3>
@ -62,14 +62,14 @@
            <img src="hr-expense-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">
             Reconcile the journal item for payment and employee expense
         </h3>
        <div class="oe_row oe_spaced">
            <img src="hr-expense-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">
              Expense state is changed to draft
         </h3>
        <div class="oe_row oe_spaced">
--- a/magic_note/static/description/index.html
+++ b/magic_note/static/description/index.html
@ -45,23 +45,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">
             User Defined Colour Configuration for Notes.
         </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 Colour Change of Notes Based on Dead 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">
             Default Colour for Forbidden.
         </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">
             Default Colour for Over Passed Notes.
         </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 the note's colors every on-load of kanban view.
         </h3>
    </div>
@ -73,14 +73,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">
            Changes the note color in kanban view relative to the dead-date field value and the date intervals
            </h3>
        <div class="oe_row oe_spaced">
            <img src="magic-note-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">
            Set date intervals and colors for the notes from Date interval tab under notes--->date interval(NOTE:Activate Developer mode).
            If a note does not belong to any date interval the note colour will be set according to the color specified in the settings
            By default when installed on a running system the dead date will be set to the current date of installation of this module
--- a/manufacturing_reports/static/description/index.html
+++ b/manufacturing_reports/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">
               Filter manufacturing orders based on 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">
            Set start and end date, to print the orders between this 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">
            Filter orders based on the status of the production
         </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">
            Enable filter based on the responsible person for production
         </h3>
    </div>
@ -65,21 +65,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">
            Goto Manufacturing >>Print Report
         </h3>
        <div class="oe_row oe_spaced">
            <img src="manufacturing-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">
            PDF Report
        </h3>
        <div class="oe_row oe_spaced">
            <img src="manufacturing-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">
            XLS Report
        </h3>
        <div class="oe_row oe_spaced">
--- a/merge_same_products/static/description/index.html
+++ b/merge_same_products/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">
              Merge same products in:
             <li>sale order line</li>
             <li>purchase order line</li>
@ -50,42 +50,42 @@
            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">
            Before saving the sale order
         </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-product-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">
            After saving the sale order
        </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-product-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">
            Before saving the order
         </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-product-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">
            After  saving the order
        </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-product-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">
           Before saving the order
         </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-product-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">
            After saving the order
        </h3>
        <div class="oe_row oe_spaced">
--- a/mrp_progressbar/static/description/index.html
+++ b/mrp_progressbar/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">
          Easily understand the progress of work orders
         </h3>
    </div>
@ -46,14 +46,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">
           Tree view
         </h3>
        <div class="oe_row oe_spaced">
            <img src="mrp-progressbar-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">
            Form view
            </div>
        </h3>
--- a/mrp_secondary_uom/static/description/index.html
+++ b/mrp_secondary_uom/static/description/index.html
@ -32,15 +32,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">
          Allows to manage MRP with Secondary UoM
         </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">
          Products to Produce With Secondary UoM
         </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">
         Produced Products With Secondary UoM
         </h3>
    </div>
@ -51,14 +51,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">
           Produced Products according to the production with Secondary UoM.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="mrp-unit-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">
            As shown here, When we create a MO with a Primary and Secondary Product Quantities and UOMs. After saving, Order is in 'Confirmed' state. Same time we can see a record created in 'Finished Products' with secondary UoM.
            </div>
        </h3>
@ -66,7 +66,7 @@
            <img src="mrp-unit-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">
            We can change the Primary Quantity, Secondary Quantity and Secondary UoM at any time. There will be an 'Update' Button to handle the same.
            </div>
        </h3>
@ -74,14 +74,14 @@
            <img src="mrp-unit-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">
           Change Product Quantity
         </h3>
        <div class="oe_row oe_spaced">
            <img src="mrp-unit-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">
          When we click on the 'Produce' button, The same window is appear with Secondary Quantity and UoM.
            If we Produce Partially or completely, It automatically calculate the Secondary quantity with same ratio.
         </h3>
@ -89,7 +89,7 @@
            <img src="mrp-unit-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">
           Update the Produced Products records.
         </h3>
        <div class="oe_row oe_spaced">
--- a/payment_receipt_invoice/static/description/index.html
+++ b/payment_receipt_invoice/static/description/index.html
@ -27,11 +27,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">
             Generates Receipt for Customer & Supplier Payment.
         </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">
             It supports Multi Currency.
         </h3>
    </div>
@ -42,35 +42,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">
            Print Customer/Supplier Payment
         </h3>
        <div class="oe_row oe_spaced">
            <img src="payment.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">
            Invoices Paid by above payment
         </h3>
        <div class="oe_row oe_spaced">
            <img src="invoices.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">
            Payment Receipt
         </h3>
        <div class="oe_row oe_spaced">
            <img src="receipt_report2.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">
            When payment and company are in different currency
         </h3>
        <div class="oe_row oe_spaced">
            <img src="diff_curr_repo.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">
            When payment and company are in same currency
         </h3>
        <div class="oe_row oe_spaced">
--- a/payment_wepay_gateway/static/description/index.html
+++ b/payment_wepay_gateway/static/description/index.html
@ -22,53 +22,53 @@
            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">
            Expected one of currencies 'CAD', 'GBP', 'USD'
         </h3>
        <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">
            Wepay Account Dashboard
        </h3>
        <div class="oe_row oe_spaced">
            <img src="payment-wepay-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">
            Configure Wepay backend and Provide specified credentials
        </h3>
        <div class="oe_row oe_spaced">
            <img src="payment-wepay-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">
            Checkout Form and Wepay Payment Method
        </h3>
        <div class="oe_row oe_spaced">
            <img src="payment-wepay-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">
            Wepay Checkout Iframe
        </h3>
        <div class="oe_row oe_spaced">
            <img src="payment-wepay-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">
            Confirm Wepay Checkout
        </h3>
        <div class="oe_row oe_spaced">
            <img src="payment-wepay-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">
            Sale order status after successfull Payment
        </h3>
        <div class="oe_row oe_spaced">
            <img src="payment-wepay-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">
            Payment Transaction and Wepay checkout Id
        </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.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">
           Product category wise receipt
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_change_table/static/description/index.html
+++ b/pos_change_table/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">
             Change Table of an order from one to another
         </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">
           Change table view
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_chatter/static/description/index.html
+++ b/pos_chatter/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">
             We can easily communicate each other in POS.
         </h3>
    </div>
@ -52,14 +52,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">
            Chat Button on POS screen
            </h3>
        <div class="oe_row oe_spaced">
            <img src="pos-chatter-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 an item in chatlist, chat window open in pos screen
        </h3>
        <div class="oe_row oe_spaced">
--- a/pos_claims/static/description/index.html
+++ b/pos_claims/static/description/index.html
@ -33,19 +33,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">
            Easily create claims from POS interface
         </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 stage changes for assignment of claims
         </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
         </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">
           Calender view
         </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">
           Easily create claims from POS interface
         </h3>
        <div class="oe_row oe_spaced">
            <img src="pos-claims-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">
            Create claims easily from pos interface.Ticket is generated automatically and it is send to corresponding user on creation of claims.
            </div>
        </h3>
@ -71,7 +71,7 @@
            <img src="pos-claims-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">
           On assigning claim to responsible user,state of claim is changed.
            </div>
        </h3>
@ -79,7 +79,7 @@
            <img src="pos-claims-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;">
-            <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">
           An email is sent to corresponding customer
            </div>
        </h3>
@ -87,7 +87,7 @@
            <img src="pos-claims-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;">
-            <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 all your next action on calender view
            </div>
        </h3>
@ -95,7 +95,7 @@
            <img src="pos-claims-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;">
-            <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">
            View your claims
            </div>
        </h3>
--- 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_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_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_sales_orders/static/description/index.html
+++ b/pos_sales_orders/static/description/index.html
@ -38,11 +38,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">
            'Create Sale Order' 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 sale orders directly from POS
         </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">
                Click on create sale order
            </div>
         </h3>
@ -63,7 +63,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">
                Cannot create sale order if there is no order lines added. Otherwise it will raise an alert popup with invalid order line.
            </div>
         </h3>
@ -71,7 +71,7 @@
            <img src="pos-sales-orders-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">
             Cannot create sale order if there is no  no customer selected. Otherwise it will raise an alert popup with invalid customer.
            </div>
        </h3>
@ -79,7 +79,7 @@
            <img src="pos-sales-orders-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;">
-            <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">
            On Confirming Order Creation, create Quotation with orderlines and it shows popup with sale order reference.
            </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>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
             Sale Order Reference
            </div>
        </h3>
@ -96,7 +96,7 @@
            <img src="pos-sales-orders-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;">
-            <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">
             Created Sale Order
            </div>
        </h3>
--- 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/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/project_block_archived_contacts/static/description/index.html
+++ b/project_block_archived_contacts/static/description/index.html
@ -38,7 +38,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">
             Block inactive or archieved users
         </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">
             You can Archive or Inactive your users
         </h3>
        <div class="oe_row oe_spaced">
@ -63,21 +63,21 @@
            <img src="project-block-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">
            Task before:
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-block-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">
            Task after:
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-block-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">
            Project before:
        </h3>
        <div class="oe_row oe_spaced">
@ -85,14 +85,14 @@
        </div>
        </br>
        <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 after:
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-block-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">
            Issue before:
        </h3>
        <div class="oe_row oe_spaced">
@ -100,7 +100,7 @@
        </div>
        </br>
        <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">
            Issue after:
        </h3>
        <div class="oe_row oe_spaced">
--- a/project_code_in_task/static/description/index.html
+++ b/project_code_in_task/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">
             Create specific code for project.
         </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">
             Update task name with project code.
         </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">
            Create specific code for project
         </h3>
        <div class="oe_row oe_spaced">
            <img src="project-code-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">
            Project ---> Search ---> Tasks</br>
            Task name updating with project code.
        </h3>
--- a/project_lifeline/static/description/index.html
+++ b/project_lifeline/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">
             User Defined Progress Bar Colour 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">
            Task Lifeline Bar based on Deadline.
         </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 Colour Change of Lifeline Bar.
         </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">
            Default Colour for Forbidden
         </h3>
    </div>
@ -59,14 +59,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">
            Default Form/Tree view of Task
         </h3>
        <div class="oe_row oe_spaced">
            <img src="project-lifeline-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">
            Tree view
         </h3>
        <div class="oe_row oe_spaced">
@ -74,21 +74,21 @@
        </div>
        </br>
        <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">
            User Can Define the Color of Progressbar for Different Percentage Ranges.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-lifeline-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">
            Tree view
         </h3>
        <div class="oe_row oe_spaced">
            <img src="project-lifeline-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">
            Color of progressbar based on different ranges
         </h3>
        <div class="oe_row oe_spaced">
@ -99,7 +99,7 @@
            <img src="project-lifeline-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">
            Color of progressbar based on different ranges
         </h3>
        <div class="oe_row oe_spaced">
@ -110,7 +110,7 @@
            <img src="project-lifeline-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">
            Color of progressbar based on different ranges
         </h3>
        <div class="oe_row oe_spaced">
@ -121,7 +121,7 @@
            <img src="project-lifeline-cybrosys-10.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">
           Stop the life line running based on Stages.</br>
            Project >Settings >Stages >Enable:Is Freeze State
         </h3>
--- a/project_recurrent_task/static/description/index.html
+++ b/project_recurrent_task/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 recurrent task in project.
         </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">
             Send recurrent task request to team lead.
         </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">
            Approve request by team lead
         </h3>
    </div>
@ -54,35 +54,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">
            Create recurrent task in project
         </h3>
        <div class="oe_row oe_spaced">
            <img src="project-recurrent-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">
            Users can send a request to corresponding project manager for creating recurrent task from task's form.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-recurrent-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">
            Here users can give specific interval type and interval quantity for recurrence.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-recurrent-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">
             Approve request by team lead
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-recurrent-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">
            Project ---> Recurrent Task Requests ---> Recurrent Task Requests</br>
            Here current user can get recurrent task request. So he can approve request or reject request with a reason. If he approve the request task will be recurrently created according to the interval type and interval quantity.
        </h3>
@ -90,7 +90,7 @@
            <img src="project-recurrent-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">
            Project ---> Recurrent Task Requests ---> My Requests</br>
            Here current user can track their requests.
        </h3>
--- a/project_report_pdf/static/description/index.html
+++ b/project_report_pdf/static/description/index.html
@ -32,19 +32,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">
             PDF Reports in Project.
         </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">
              XLS Reports in Project.
        </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 Report on Tasks & Issues.
        </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 Filters for Report.
        </h3>
    </div>
@ -56,42 +56,42 @@
            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 Project -> Project
         </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-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">
            You can filter the project report by selecting the Appropriate options from the wizard.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-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">
            PDF Report Of Data Import/Export Plugin Project.(Both Tasks and Issues)
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-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">
            PDF Report Of Data Import/Export Plugin Project.(Issues Only)
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-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">
            XLS Report Of Data Import/Export Plugin Project.(Both Tasks and Issues)
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-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">
            XLS Report Of Data Import/Export Plugin Project.(Issues Only)
        </h3>
        <div class="oe_row oe_spaced">
--- a/project_scrum_report/static/description/index.html
+++ b/project_scrum_report/static/description/index.html
@ -38,27 +38,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 your own scrum
         </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">
           Scrum plan
         </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">
             Scrum 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">
            Notifications of scrum 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">
            Sending mail with scrum report to admin
         </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">
            Pdf report for Scrum report
         </h3>
    </div>
@ -70,11 +70,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">
                You can create your own scrum through Project -> Scrum -> My scrum.
            </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">
                Here you can add your scrum plan by specifying task name, planned hours, current status and remarks. Then click on 'Save' button.
            </div>
         </h3>
@ -83,7 +83,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 also create scrum report thorough 'Scrum Report' button. Then you can edit worked hours, current state and remarks
            </div>
         </h3>
@ -91,7 +91,7 @@
            <img src="scrum-report-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">
             You have an option to send this scrum report to admin via 'Send Report' button.
            </div>
        </h3>
@ -99,10 +99,10 @@
            <img src="scrum-report-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;">
-            <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">
                Project ---> Scrum ---> Scrum Plan
            </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">
                This is only for project managers. They can see all scrum plans associated with him.
            </div>
        </h3>
@ -110,7 +110,7 @@
            <img src="scrum-report-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;">
-            <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">
             This is only for project managers. They can see all scrum reports associated with him.
            </div>
        </h3>
@ -118,7 +118,7 @@
            <img src="scrum-report-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;">
-            <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">
                Admin and Corresponding Project Managers will get Notifications
            </div>
        </h3>
@ -126,7 +126,7 @@
            <img src="scrum-report-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;">
-            <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">
                Admin will get all scrum reports via email.
            </div>
        </h3>
@ -134,7 +134,7 @@
            <img src="scrum-report-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;">
-            <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">
               Here you can take the pdf report of your scrum.
            </div>
        </h3>
--- a/project_status_level_report/static/description/index.html
+++ b/project_status_level_report/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">
             Helps to Analyse Project in Various Aspects.
         </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">
              Complete Project Status XLS Report with Budget Analysis.
         </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">
              Tasks, Gantt chart XLS Analysis.
         </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">
              Project Breakdown Charter Analysis.
         </h3>

@ -59,56 +59,56 @@
            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">
            Menu View
            </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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">
            Wizard View
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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">
            Project Graphical Overview
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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">
           Project Informations
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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">
            The pie chart of Overall task status.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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">
            End user can easily compare the actual and planned time the Project.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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">
            To compare the actual and planned budget of the Project.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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">
            Project task information and the bar chart are there. End user can easily Analysed the Tasks.
        </h3>
        <div class="oe_row oe_spaced">
--- a/project_subtask/static/description/index.html
+++ b/project_subtask/static/description/index.html
@ -30,27 +30,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">
             Sub-task Feature for Project.
         </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">
            Sub-Task Lists Under Task.
         </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">
             Sub-Task Count in Task Kanban 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">
            Sub-Task Stages in 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">
             Sub-Task Analysis Under 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">
            Deadline Validation for Sub-Task.</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">
           Stage Validation for Sub-Task.</h3>
    </div>
 </section>
@ -61,14 +61,14 @@
        </h2>
        <h3>Project -> Configuration -> Sub Task Stages</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">
           Please tick marked fields to identify your final stage and cancel stage.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="task2.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">
           If you want to create sub tasks for your project please select the option Sub Tasks.
         </h3>
        <div class="oe_row oe_spaced">
@ -79,14 +79,14 @@
        </h2>
        <h3>You can create sub tasks via 2 ways.</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 sub tasks directly from Menu 'Sub Task'.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="sub_task.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 sub tasks from task itself
         </h3>
        <div class="oe_row oe_spaced">
@ -96,7 +96,7 @@
            Sub-Task Count in Task Kanban View
        </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 see the count of sub task on each task's kanaban view
         </h3>
        <div class="oe_row oe_spaced">
@ -112,7 +112,7 @@
          Stage Validation for Sub-Task
        </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 cant move your task into final stage until all sub tasks are reach in final stage
         </h3>
         <div class="oe_row oe_spaced">
@ -122,7 +122,7 @@
         Automatically Cancel/kill the sub-task by moving parent task to 'cancel'
        </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">
            When you move your task into cancel stage then all sub tasks also will go to cancel stage
         </h3>
         <div class="oe_row oe_spaced">
--- a/project_time_spend/static/description/index.html
+++ b/project_time_spend/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">
            Calculate the time spend for the specific task
         </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">
          Go to Project -> Task. And then create Task by specifying start date and deadline.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="project-time-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">
            Tree View
            </div>
        </h3>
@ -58,7 +58,7 @@
            <img src="project-time-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">
            Form View
            </div>
        </h3>
--- a/purchase_recurring_orders/static/description/index.html
+++ b/purchase_recurring_orders/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">
             creates recurring orders for purchase.
         </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">
             Go to Purchases -> Purchase -> Recurring order agreements.
                Here you can fill all the information related to Recurring order agreements. Once saved, you can generate initial purchase order.
         </h3>
@ -55,7 +55,7 @@
            <img src="purchase-recurring-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">
            Here you can generate initial purchase order by clicking "Generate initial Order" button.
        </h3>
        <div class="oe_row oe_spaced">
@ -66,7 +66,7 @@
            <img src="purchase-recurring-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">
            You can also create recurring orders from purchase order through "Generate agreement" button.
        </h3>
        <div class="oe_row oe_spaced">
--- a/restricted_task_following/static/description/index.html
+++ b/restricted_task_following/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">
             Option to Disable Automatic Task Following From Project Followers
         </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 Add Custom Followers to Task
        </h3>
    </div>
@ -52,14 +52,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">
            Option Disable Automatic Task Following
         </h3>
        <div class="oe_row oe_spaced">
            <img src="restricted-task-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">
            Only assignee & Assigned Person will Follow the Task By Default
        </h3>
        <div class="oe_row oe_spaced">
--- a/sale_amount_check/static/description/index.html
+++ b/sale_amount_check/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">
            warning when a user try to pay down payment greater than sale order
         </h3>
    </div>
@ -44,7 +44,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">
           Error message when you try to invoice a greater value than SO total amount
         </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_invoice_tag_pass/static/description/index.html
+++ b/sale_invoice_tag_pass/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">
             Invoice from 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">
             Advance 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">
             Percentage bases invoice from Sales Order.
         </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">
            Tags display on Quotation/Sale Order form will be pass to respective customer invoices of that sales order.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="sale-invoice-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">
           Tax Tags on Customer Invoice Form
            <ul>
            <li>Tags from sale order will be shown here. </li>
--- a/sale_product_image/static/description/index.html
+++ b/sale_product_image/static/description/index.html
@ -41,15 +41,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">
              Add Your Preferred Image for 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">
               Edit the Image of Product From Sale Order Line Itself.
         </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">
              Product Image is Also Viewable in Sale Order Report
         </h3>
    </div>
@ -61,14 +61,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 Images in Order Lines.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="sale-product-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">
            Product Image in Sale Order Report
        </h3>
        <div class="oe_row oe_spaced">
@ -84,7 +84,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 Images in Order Lines.-->
         <!--</h3>-->
        <!--<div class="oe_row oe_spaced">-->
@ -93,7 +93,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;">-->
-            <!--<i 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 Sale Order Report-->
        <!--</h3>-->
        <!--<div class="oe_row oe_spaced">-->
--- a/sale_shipping_constrains/static/description/index.html
+++ b/sale_shipping_constrains/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">
           Warning Message on while Changing product quantity
         </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">
           Here you can  Get Warning message when you try to change the quantity of products in stock moves
         </h3>
        <div class="oe_row oe_spaced">
--- a/sale_splitter/static/description/index.html
+++ b/sale_splitter/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">
             Helps to split quotations
         </h3>
    </div>
@ -47,21 +47,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">
            Split the quotations by clicking the split order button.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="sale-splitter-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 count to be split from quotation order-line.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="sale-splitter-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">
            All the quotations split from a sale order have the name as count followed by the parent sale order.
        </h3>
        <div class="oe_row oe_spaced">
--- a/sales_team_parent/static/description/index.html
+++ b/sales_team_parent/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">
            Create parent team or child team for an existing sales team.
         </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">
             Admin can assign targets to salesperson.
         </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">
             View team target.
         </h3>
    </div>
@ -55,7 +55,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">
            Create parent team.
            <ul>
                <li>
@ -67,7 +67,7 @@
            <img src="sales-team-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">
            Assign target to salesperson.
            <ul>
                <li>
@ -83,7 +83,7 @@
            <img src="sales-team-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">
            Team target.
            <ul>
                <li>
--- a/salon_report_pdf_xls/static/description/index.html
+++ b/salon_report_pdf_xls/static/description/index.html
@ -36,7 +36,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">
             PDF and XLS report
         </h3>
    </div>
@ -48,28 +48,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">
            Wizard
         </h3>
        <div class="oe_row oe_spaced">
            <img src="salon-product-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">
            PDF Report
        </h3>
        <div class="oe_row oe_spaced">
            <img src="salon-product-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">
            XLS Report
        </h3>
        <div class="oe_row oe_spaced">
            <img src="salon-product-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">
            Filtered XLS Report
        </h3>
        <div class="oe_row oe_spaced">
--- a/send_email_payslips/static/description/index.html
+++ b/send_email_payslips/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">
             Send By Email Button in payslip view.
         </h3>
    </div>
@ -44,14 +44,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">
            Create employee payslip.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="payslip_send_mail_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">
            Email template with attached payslip.
        </h3>
        <div class="oe_row oe_spaced">
--- a/send_message_direct_composer/static/description/index.html
+++ b/send_message_direct_composer/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">
             Full-Featured HTML Editor.
         </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">
             See Entire Mail in a 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">
             Forget About In-line Plain Textbox.
         </h3>
    </div>
@ -60,14 +60,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">
            Normal Case
        </h3>
        <div class="oe_row oe_spaced">
            <img src="send-message-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">
            After Installation
        </h3>
        <div class="oe_row oe_spaced">
--- a/sent_mails/static/description/index.html
+++ b/sent_mails/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">
           display the mails and discussions done by current user
         </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">
           Sent Mail Menu Under Discuss
         </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/taxless_accounting/static/description/index.html
+++ b/taxless_accounting/static/description/index.html
@ -41,7 +41,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">
             Hides tax related fields and menus from accounting.
         </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">
             If you check this option hidden things will become visible for that user.
         </h3>
        <div class="oe_row oe_spaced">
--- a/taxless_purchase_sale/static/description/index.html
+++ b/taxless_purchase_sale/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">
            Hides tax related fields and menus
         </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">
           This hiding happens in user level. If you check this option hidden things will become visible for that user
         </h3>
        <div class="oe_row oe_spaced">
            <img src="taxless-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">
            Hide tax feom sale order
            </div>
        </h3>
--- a/timesheets_by_employee/static/description/index.html
+++ b/timesheets_by_employee/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">
             Print the timesheets of selected 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">
             Performs period wise grouping of timesheet lines
         </h3>

@ -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">
            Generate Timesheet Report Wizard With Dates
         </h3>
        <div class="oe_row oe_spaced">
            <img src="timesheet-by-employee-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">
            PDF Report Of Employee Timesheet
         </h3>
        <div class="oe_row oe_spaced">
--- a/untaxed_saleorder_report/static/description/index.html
+++ b/untaxed_saleorder_report/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">
             Hide the tax information from the Sale Report
         </h3>
    </div>
@ -50,14 +50,14 @@
                <li>Tax Dissolved Sale Order </li>
            </ul>
         <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">
             Print Button
         </h3>
        <div class="oe_row oe_spaced">
            <img src="untaxed-saleorder-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <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">
            Tax Dissolved Sale Order Print
        </h3>
        <div class="oe_row oe_spaced">
@ -70,14 +70,14 @@ You just click the PRINT button then there we can see two option
                <li>Tax Dissolved Invoice </li>
            </ul>
         <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">
             Print Button
         </h3>
        <div class="oe_row oe_spaced">
            <img src="untaxed-saleorder-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <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">
            Tax Dissolved Invoice Print
        </h3>
        <div class="oe_row oe_spaced">
--- a/user_creation_from_employee/static/description/index.html
+++ b/user_creation_from_employee/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">
             User creation from employee.
         </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">
              Set home action for employee.
         </h3>
    </div>
@ -57,21 +57,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">
            You can create user for any employee through "Create User" button.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="user-creation-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">
            Set home action for employee
        </h3>
        <div class="oe_row oe_spaced">
            <img src="user-creation-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">
           This is the user created from employee.
        </h3>
        <div class="oe_row oe_spaced">
--- a/website_sale_advanced_search/static/description/index.html
+++ b/website_sale_advanced_search/static/description/index.html
@ -41,27 +41,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">
             E-commerce product search
         </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">
             Can Select 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">
             New dropdown with product website categories
         </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">
             Find all products related to searching content according to category selected
         </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">
 			Display results as dropdown
         </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">
 			Selection of results redirects to product description page
         </h3>
    </div>
@ -73,21 +73,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">
            Lists all categories as a dropdown
         </h3>
        <div class="oe_row oe_spaced">
            <img src="advanced-search-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">
            Listing of results for category 'All'
         </h3>
        <div class="oe_row oe_spaced">
            <img src="advanced-search-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">
            Product page preview.
         </h3>
        <div class="oe_row oe_spaced">
--- a/website_sale_product_gallery_zoom/static/description/index.html
+++ b/website_sale_product_gallery_zoom/static/description/index.html
@ -34,11 +34,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">
             Responsive gallery
         </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">
             Zooming of images
         </h3>
    </div>
@ -50,35 +50,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">
            Image Configuration On Back-end
         </h3>
        <div class="oe_row oe_spaced">
            <img src="website-sale-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">
           Product Gallery On Shop Product Description Page
        </h3>
        <div class="oe_row oe_spaced">
            <img src="website-sale-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">
          Hover on Product Gallery Thumbs to change the Images Preview
        </h3>
        <div class="oe_row oe_spaced">
            <img src="website-sale-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">
            Hover on Image to Zoom
        </h3>
        <div class="oe_row oe_spaced">
            <img src="website-sale-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">
            Scroll on Image to Zoom in and out
        </h3>
        <div class="oe_row oe_spaced">
--- a/workload_in_project/static/description/index.html
+++ b/workload_in_project/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">
             Employee workload 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">
             Workload progressbar in kanban 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">
             Raise validation error while assigning task to busy 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">
             Workload Configuration.
         </h3>
    </div>
@ -59,14 +59,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">
            Users can configure the employee workload settings. Here user can give working hr/day and no of days to calculate workload. And also user have an option to block busy users from assigning task via ticking 'Block Busy Users' field.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="work-load-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">
            Employee workload report wizard
            <ul>
                <li>Project ---> Report ---> Employee Workload</li>
@ -78,21 +78,21 @@
            <img src="work-load-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 workload PDF report
         </h3>
        <div class="oe_row oe_spaced">
            <img src="work-load-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">
            Here you can see workload progress bar for each users.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="work-load-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">
           If you tick on 'Block busy users' from configuration then the module
            will raise a warning when you try to assign work for busy users
         </h3>