added border and create account image

src/assets/css/style.css

@@ -1181,6 +1181,10 @@ header.fixed .navbar {
 .how_it_works .step_block ul li .step_img img {
   max-width: 100%;
 }
+.how_it_works .step_block ul li .step_img img.create-account-logo {
+  border-radius: 15px;
+  box-shadow: 0px 0px 10px #c7c6c6;
+}
 
 /* how it works heading h4 */
 .how_it_works .step_block ul li .step_text h4 {

src/component/HomeMain/Work/Main.js

@@ -1,7 +1,7 @@
 import React , {useState} from 'react'
 import { Link } from 'react-router-dom'
 import img from '../../../assets/images/appdownload.png'
-import img1 from '../../../assets/images/create_account2.png'
+// import img1 from '../../../assets/images/create_account2.png'
 import img2 from '../../../assets/images/download_app1.png'
 import line from '../../../assets/images/anim_line.png'
 import banner from '../../../assets/images/banner-shape1.png'
@@ -9,6 +9,7 @@ import banner1 from '../../../assets/images/banner-shape2.png'
 import banner2 from '../../../assets/images/banner-shape3.png'
 import video from '../../../assets/images/play_icon.png'
 import ytvideo from '../../../assets/images/yt_thumb.png'
+import createAccount from '../../../assets/images/create_account.png'
 
 const Main = ({dark}) => {
     const [ytShow , setytShow] = useState (false)
@@ -50,7 +51,7 @@ const Main = ({dark}) => {
                                 <h3>02</h3>
                                 </div>
                                 <div className="step_img" data-aos="fade-right" data-aos-duration="1500">
-                                <img src={img1} alt="image" />
+                                <img className="create-account-logo" src={createAccount} alt="create account logo"/>
                                 </div>
                             </li>
                             <li>