added shadow effect to each easy step item

src/assets/css/main.css

@@ -2321,7 +2321,7 @@ p {
 }
 
 .appie-service-area.features-section{
-  background: #fff;
+  /* background: #fff; */
   position: relative;
   background-position: 92% 100%;
   background-repeat: no-repeat;
@@ -2796,9 +2796,14 @@ p {
 }
 
 .appie-features-content {
-  background: #eef1f6;
+  background: #fff;
   border-radius: 6px;
   padding: 20px;
+  transition: all .25s;
+}
+
+.appie-features-content:hover {
+  box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
 }
 
 .appie-features-content .title {

src/components/HomeOne/FeaturesHomeOne.js

@@ -20,7 +20,7 @@ import getConfig from './../../Config/config'
 function FeaturesHomeOne({ className }) {
     var site = getConfig()[0];
     return (
-        <section className={`appie-service-area features-section pt-90 ${className}`} id="service">
+        <section className={`appie-service-area features-section pt-90 pb-100 ${className}`} id="service">
             <div className="container">
                 <div className="row">
                     <div className="col-xl-3 col-md-6 mb-50">
@@ -137,7 +137,7 @@ function FeaturesHomeOne({ className }) {
                     </div>
                 </div>
             </div>
-            <hr className='mt-50'/>
+            {/* <hr className='mt-50'/> */}
         </section>
     );
 }