diff --git a/src/assets/img/tell-us-more.png b/src/assets/img/tell-us-more.png
new file mode 100644
index 0000000..0200771
Binary files /dev/null and b/src/assets/img/tell-us-more.png differ
diff --git a/src/component/profile_complete/ProfileCompleteCom.jsx b/src/component/profile_complete/ProfileCompleteCom.jsx
index 31a95d9..c98c2d0 100644
--- a/src/component/profile_complete/ProfileCompleteCom.jsx
+++ b/src/component/profile_complete/ProfileCompleteCom.jsx
@@ -1,16 +1,16 @@
-import React, { useEffect, useMemo, useState } from "react";
+import React, {useEffect, useMemo, useState} from "react";
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
 // import { useLocation } from "react-router-dom";
 // import { Form, Formik } from "formik";
 import * as Yup from "yup";
-import { useMutation, useQuery } from "@tanstack/react-query";
+import {useMutation, useQuery} from "@tanstack/react-query";
 import getImage from "../../utils/getImage";
-import { IoMdArrowDropdown } from "react-icons/io";
-import { completeProfile, getCommonPractice } from '../../services/services';
+import {IoMdArrowDropdown} from "react-icons/io";
+import {completeProfile, getCommonPractice} from '../../services/services';
 import siteLinks from "../../links/siteLinks";
-import { useLocation, useNavigate } from "react-router-dom";
-import { updateUserDetails } from "../../store/UserDetails";
-import { useDispatch } from "react-redux";
+import {useLocation, useNavigate} from "react-router-dom";
+import {updateUserDetails} from "../../store/UserDetails";
+import {useDispatch} from "react-redux";
 
 
 // const validationSchema = Yup.object().shape({
@@ -26,51 +26,53 @@ import { useDispatch } from "react-redux";
 //   };
 
 
-export default function ProfileCompleteCom(){
+export default function ProfileCompleteCom() {
 
     const dispatch = useDispatch()
 
     const navigate = useNavigate()
 
-    const {state:{redirectLink}} = useLocation()
+    const {state: {redirectLink}} = useLocation()
 
     const [practices, setPractices] = useState([])
-    
+
     const [initialValues, setInitialValues] = useState({
         practice: '',
         specialization: '',
         introduction: '',
     })
 
-    const specialties = useMemo(()=>{ // FUNCTION TO UPDATE SPECIALITY ARRAY EACH TIME PRACTICE CHANGES
+    const specialties = useMemo(() => { // FUNCTION TO UPDATE SPECIALITY ARRAY EACH TIME PRACTICE CHANGES
         setInitialValues(prev => ({...prev, specialization: ''}))
-        if(!initialValues.practice){
+        if (!initialValues.practice) {
             return []
         }
         const specialtiesArr = practices.filter(item => item.practice == initialValues.practice)[0]?.specialties
         return specialtiesArr
-    },[initialValues.practice])
+    }, [initialValues.practice])
 
 
     const mutation = useMutation({
         mutationFn: (fields) => {
             const {practice, specialization} = fields
-            if(!practice || !specialization){
+            if (!practice || !specialization) {
                 throw new Error('Please select both practice and specialization fields')
             }
             return completeProfile(fields)
         },
         onError: () => {
-            setTimeout(()=>{mutation.reset()}, 4000)
+            setTimeout(() => {
+                mutation.reset()
+            }, 4000)
         },
         onSuccess: (res) => {
-            if(res.data.resultCode != '0'){
+            if (res.data.resultCode != '0') {
                 throw({message: res?.data?.resultDescription})
             }
-            dispatch(updateUserDetails({profile_completed: res?.data?.profile_completed }));
-            setTimeout(()=>{
+            dispatch(updateUserDetails({profile_completed: res?.data?.profile_completed}));
+            setTimeout(() => {
                 navigate(redirectLink)
-            },2000)
+            }, 2000)
             // console.log('res', res)
         }
     })
@@ -79,11 +81,11 @@ export default function ProfileCompleteCom(){
         mutationFn: (fields) => {
             return getCommonPractice(fields)
         },
-        onError: ()=> {
+        onError: () => {
             setPractices([])
         },
         onSuccess: (res) => {
-            if(!res?.data){
+            if (!res?.data) {
                 return setPractices([])
             }
             let returnPractices = Object.entries(res?.data).filter(([key, value]) => typeof value == 'object')?.map(item => item[1])
@@ -91,8 +93,8 @@ export default function ProfileCompleteCom(){
         }
     })
 
-    const handlePracticeChange = ({target:{name, value}}) => {
-        setInitialValues(prev => ({...prev, [name]:value}))
+    const handlePracticeChange = ({target: {name, value}}) => {
+        setInitialValues(prev => ({...prev, [name]: value}))
     }
 
     const handleCompleteProfile = () => { // FUNCTION TO COMPLETE PROFILE
@@ -104,17 +106,17 @@ export default function ProfileCompleteCom(){
         mutation.mutate(reqData)
     }
 
-    useEffect(()=>{
+    useEffect(() => {
         let reqData = {
             token: localStorage.getItem('token'), // USER TOKEN
             uid: localStorage.getItem('uid') // USER UID
         }
         commonPractices.mutate(reqData)
-    },[])
+    }, [])
 
     return <>
 
-        <BreadcrumbComBS title='Tell us more about your practice.' paths={['Dashboard', 'Profile']} />
+        <BreadcrumbComBS title='Tell us more about your practice.' paths={['Dashboard', 'Profile']}/>
 
         {commonPractices?.isFetching ?
             <>
@@ -130,87 +132,104 @@ export default function ProfileCompleteCom(){
                         <p className='text-danger'>{commonPractices?.error?.message}</p>
                     </div>
                 </div>
-            :
-            <div className="row pt-1">
-                <div className="col-md-6 m-b-30">
-                    <div className="card card-statistics h-100 mb-0" style={{borderRadius: '10px'}}>
-                        {/* <div className="card-header d-flex align-items-center justify-content-between">
+                :
+                <div className="row pt-1">
+                    <div className="col-md-6 m-b-30">
+                        <div className="card card-statistics h-100 mb-0" style={{borderRadius: '10px'}}>
+                            {/* <div className="card-header d-flex align-items-center justify-content-between">
                             <div className="card-heading">
                                 <h4 className="card-title">My Product URLs</h4>
                             </div>
                         </div> */}
-                        {/* <div style={{minHeight: '400px'}}></div> */}
-                        <div className="card-body">
-                            <div className='h-100 row flex-column'>
-                                {/* <div className="row"> */}
+                            {/* <div style={{minHeight: '400px'}}></div> */}
+                            <div className="card-body">
+                                <div className='h-100 row flex-column'>
+                                    {/* <div className="row"> */}
                                     <>
                                         <div className="">
                                             <div className="form-group position-relative">
                                                 <label className={`text-black fw-bold control-label`}>Practice :</label>
-                                                <div className="position-relative">    
+                                                <div className="position-relative">
                                                     {/* <select onChange={props.handleChange} name='practice' value={props.values.practice} className="form-control">
                                                         <option value=''>Select</option>
                                                         {practices.map((practice, index)=>(
                                                             <option key={index} value={practice.practice}>{practice.practice}</option>
                                                         ))}
                                                     </select> */}
-                                                    <select onChange={handlePracticeChange} name='practice' value={initialValues.practice} className="form-control">
+                                                    <select onChange={handlePracticeChange} name='practice'
+                                                            value={initialValues.practice} className="form-control">
                                                         <option value=''>Select</option>
-                                                        {practices.map((practice, index)=>(
-                                                            <option key={index} value={practice.practice}>{practice.practice}</option>
+                                                        {practices.map((practice, index) => (
+                                                            <option key={index}
+                                                                    value={practice.practice}>{practice.practice}</option>
                                                         ))}
                                                     </select>
-                                                    <IoMdArrowDropdown className='position-absolute w-auto' style={{top: '50%', right: '2px', transform: 'translateY(-50%)'}} /> 
+                                                    <IoMdArrowDropdown className='position-absolute w-auto' style={{
+                                                        top: '50%',
+                                                        right: '2px',
+                                                        transform: 'translateY(-50%)'
+                                                    }}/>
                                                 </div>
                                             </div>
                                         </div>
 
                                         <div className="">
                                             <div className="form-group">
-                                                <label className={`text-black fw-bold control-label`}>Your Specialization :</label>
+                                                <label className={`text-black fw-bold control-label`}>Your
+                                                    Specialization :</label>
                                                 <div className="position-relative">
-                                                    <select onChange={handlePracticeChange} name='specialization' value={initialValues.specialization} className="form-control">
+                                                    <select onChange={handlePracticeChange} name='specialization'
+                                                            value={initialValues.specialization}
+                                                            className="form-control">
                                                         <option value=''>Select</option>
-                                                        {specialties.map((specialty, index)=>(
+                                                        {specialties.map((specialty, index) => (
                                                             <option key={index} value={specialty}>{specialty}</option>
                                                         ))}
                                                     </select>
-                                                    <IoMdArrowDropdown className='position-absolute w-auto' style={{top: '50%', right: '2px', transform: 'translateY(-50%)'}} /> 
+                                                    <IoMdArrowDropdown className='position-absolute w-auto' style={{
+                                                        top: '50%',
+                                                        right: '2px',
+                                                        transform: 'translateY(-50%)'
+                                                    }}/>
                                                 </div>
                                             </div>
                                         </div>
 
                                         <div className="">
                                             <div className="form-group position-relative">
-                                                <label className={`text-black fw-bold control-label`}>Other General Information :</label>
-                                                <textarea name='introduction' rows={10} style={{resize: 'none'}} className="form-control" value={initialValues.introduction} onChange={handlePracticeChange} />
+                                                <label className={`text-black fw-bold control-label`}>Other General
+                                                    Information :</label>
+                                                <textarea name='introduction' rows={10} style={{resize: 'none'}}
+                                                          className="form-control" value={initialValues.introduction}
+                                                          onChange={handlePracticeChange}/>
                                             </div>
                                         </div>
-                        
+
 
                                         {(mutation.isError || mutation.isSuccess) &&
                                             <>
-                                            <div className="">
-                                                <p className={`${mutation.isSuccess ? 'text-success' : 'text-danger'}`}>{mutation.isSuccess ? 'Completed successfully, redirecting...' : mutation.error.message}</p>
-                                            </div>
+                                                <div className="">
+                                                    <p className={`${mutation.isSuccess ? 'text-success' : 'text-danger'}`}>{mutation.isSuccess ? 'Completed successfully, redirecting...' : mutation.error.message}</p>
+                                                </div>
                                             </>
                                         }
 
                                         <div className="mt-auto text-end">
-                                            <button type='button' onClick={handleCompleteProfile} className="btn btn-primary text-uppercase">{mutation.isPending ? 'loading...' : 'Continue'}</button>
+                                            <button type='button' onClick={handleCompleteProfile}
+                                                    className="btn btn-primary text-uppercase">{mutation.isPending ? 'loading...' : 'Continue'}</button>
                                         </div>
                                     </>
-                                {/* </div> */}
+                                    {/* </div> */}
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div className="col-md-6 m-b-30">
-                    <div className="text-center img-block left-column wow fadeInRight">
-                        <img className="img-fluid" src={getImage('img-07.png')} alt="content-image" />
+                    <div className="col-md-6 m-b-30">
+                        <div className="text-center img-block left-column wow fadeInRight">
+                            <img className="img-fluid" src={getImage('tell-us-more.png')} alt="content-image"/>
+                        </div>
                     </div>
                 </div>
-            </div>
         }
     </>;