From 4bb7aed5ea0881966743095181d117263d32f84e Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Fri, 31 Mar 2023 22:59:56 +0100
Subject: [PATCH] added shadow effect to each easy step item

---
 src/assets/css/main.css                   | 9 +++++++--
 src/components/HomeOne/FeaturesHomeOne.js | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 2d63d04..d5dcf59 100644
--- a/src/assets/css/main.css
+++ b/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 {
diff --git a/src/components/HomeOne/FeaturesHomeOne.js b/src/components/HomeOne/FeaturesHomeOne.js
index d9d4008..d972e2f 100644
--- a/src/components/HomeOne/FeaturesHomeOne.js
+++ b/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>
     );
 }