bg added to text

src/assets/css/main.css

@@ -1435,6 +1435,12 @@ p {
   letter-spacing: 2px;
   text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
+.appie-title .earn-rewards{
+  border-radius: 7px;
+  background-color: rgb(245, 71, 71) !important;
+  /* text-shadow: 2px 2px 2px #fff; */
+}
+
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .appie-hero-area.appie-hero-3-area .appie-hero-content .appie-title {
     font-size: 54px;
@@ -2665,14 +2671,6 @@ p {
 .service-details-sidebar .service-download-widget a {
   padding: 13px 30px;
   color: #505056;
-  display: flex;
-  align-items: center;
-  gap: '2px'
-}
-.service-details-sidebar .service-download-widget a img {
-  width: 25px;
-  height: 25px;
-  margin-right: 5px;
 }
 .service-details-sidebar .service-download-widget a:hover {
   color: #4687ba;

src/components/HomeOne/HeroHomeOne.js

@@ -18,7 +18,7 @@ function HeroHomeOne() {
                             <div className="appie-hero-content">
                                 {/*<span>Welcome To WrenchBoard..</span>*/}
                                 <h1 className="appie-title">
-                                    Turn Chores into Exciting Challenges and Earn Rewards!
+                                    Turn Chores into Exciting Challenges and Earn <span className='earn-rewards px-2'>Rewards!</span>
                                 </h1>
                                 <p>
                                     The Marketplace platform to earn money with your skills, find, buy and sell professional services. Connect, build an outstanding portfolio and link to an integrated community with best services via a digital platform.

src/components/Service/ServiceSideMenu.js

@@ -1,10 +1,5 @@
 import React from 'react';
 import getConfig from './../../Config/config'
-import AboutIcon from '../../assets/images/icon/about-us.ico'
-import HomeIcon from '../../assets/images/icon/home-icon.ico'
-import UseCaseIcon from '../../assets/images/icon/use-case.ico'
-import PrivacyIcon from '../../assets/images/icon/privacy-policy.ico'
-import TermsIcon from '../../assets/images/icon/term-and-conditions.ico'
 
 function ServiceSideMenu() {
     var site = getConfig()[0];
@@ -14,23 +9,20 @@ function ServiceSideMenu() {
 
                 <div className="service-download-widget">
                     <a href="/">
-                        {/* <i className="fal fa-download"></i> */}
-                        <img src={HomeIcon} alt='sidenav-icon' />
+                        <i className="fal fa-download"></i>
                         <span>Home</span>
                     </a>
                 </div>
 
                 <div className="service-download-widget">
                     <a href="/about-us">
-                        {/* <i className="fal fa-download"></i> */}
-                        <img src={AboutIcon} alt='sidenav-icon' />
+                        <i className="fal fa-download"></i>
                         <span>About us</span>
                     </a>
                 </div>
                 <div className="service-download-widget">
                     <a href="/use-cases">
-                        {/* <i className="fal fa-file-pdf"></i> */}
-                        <img src={UseCaseIcon} alt='sidenav-icon' />
+                        <i className="fal fa-file-pdf"></i>
                         <span>Use Cases</span>
                     </a>
                 </div>
@@ -39,15 +31,13 @@ function ServiceSideMenu() {
 
                 <div className="service-download-widget">
                     <a href="/privacy">
-                        {/* <i className="fal fa-download"></i> */}
-                        <img src={PrivacyIcon} alt='sidenav-icon' />
+                        <i className="fal fa-download"></i>
                         <span>Privacy Policy</span>
                     </a>
                 </div>
                 <div className="service-download-widget">
                     <a href="/terms">
-                        {/* <i className="fal fa-file-pdf"></i> */}
-                        <img src={TermsIcon} alt='sidenav-icon' />
+                        <i className="fal fa-file-pdf"></i>
                         <span>Terms of use</span>
                     </a>
                 </div>