diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/Account/Index.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/Account/Index.cshtml
index c3b18ae..17fed9e 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/Account/Index.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/Account/Index.cshtml
@@ -9,6 +9,8 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <base href="~/" />
+    <link href="@Url.Content("~/Content/styles.css")" rel="stylesheet" type="text/css" />
+
     <link href="~/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
     <link href="~/vendor/font-awesome/css/all.min.css" rel="stylesheet" />
     <link href="~/vendor/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" />
@@ -30,7 +32,8 @@
                         ============================= -->
                         <div class="logo me-3">
                             <a class="d-flex" href="/" title="Money - HTML Template">
-                                <img src="images/imelondon.svg" height="35" alt="IME London - Logo" />
+@*                                 <img src="images/imelondon.svg" height="35" alt="IME London - Logo" />
+ *@                                <img src="@Url.Content("~/images/imelondon.svg")" height="35" alt="IME London - Logo" />
                             </a>
                         </div>
                         <!-- Logo end -->
diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml
index 992926f..55a7fa6 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml
@@ -323,7 +323,8 @@
                         <div class="col-12 col-md-6 col-lg-4">
                             <div class="account-doc rounded p-3">
                                 <div class="front">
-                                    <img src="images/profile-thumb.jpg" class="img-fluid">
+                                    @* <img src="images/profile-thumb.jpg" class="img-fluid"> *@
+                                    <img class="img-fluid" src="@Url.Content("~/images/profile-thumb.jpg")" />
                                     <span class="mt-4">Front</span>
                                 </div>
                                 <div class="account-doc-overlay rounded">
@@ -336,7 +337,8 @@
                         <div class="col-12 col-md-6 col-lg-4">
                             <div class="account-doc rounded p-3">
                                 <div class="front">
-                                    <img src="images/profile-thumb.jpg" class="img-fluid">
+                                    @* <img src="images/profile-thumb.jpg" class="img-fluid"> *@
+                                    <img class="img-fluid" src="@Url.Content("~/images/profile-thumb.jpg")" />
                                     <span class="mt-4">Back</span>
                                 </div>
                                 <div class="account-doc-overlay rounded">
@@ -374,7 +376,8 @@
                         <div class="col-12 col-md-6 col-lg-4">
                             <div class="account-doc rounded p-3">
                                 <div class="front">
-                                    <img src="images/profile-thumb.jpg" class="img-fluid">
+                                    @* <img src="images/profile-thumb.jpg" class="img-fluid"> *@
+                                    <img class="img-fluid" src="@Url.Content("~/images/profile-thumb.jpg")" />
                                     <span class="mt-4">Front</span>
                                 </div>
                                 <div class="account-doc-overlay rounded">
diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/CustomerDocument/CustomerDocument.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/CustomerDocument/CustomerDocument.cshtml
index 3c9d5d0..e78a29c 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/CustomerDocument/CustomerDocument.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/CustomerDocument/CustomerDocument.cshtml
@@ -32,7 +32,8 @@
                 <!-- Profile Details  -->
                 <div class="bg-white rounded text-center p-3 mb-4">
                     <div class="profile-thumb mt-3 mb-4">
-                        <img class="rounded-circle" src="images/profile-thumb.jpg" alt="">
+                        @* <img class="rounded-circle" src="images/profile-thumb.jpg" alt=""> *@
+                        <img class="rounded-circle" src="@Url.Content("~/images/profile-thumb.jpg")" alt="" />
                         <div class="profile-thumb-edit bg-primary text-white" data-bs-toggle="tooltip" title="Change Profile Picture">
                             <i class="fas fa-camera position-absolute"></i>
                             <input type="file" class="custom-file-input" id="customFile">
@@ -74,7 +75,8 @@
                         <div class="col-12 col-md-6 col-lg-4">
                             <div class="account-doc rounded p-3">
                                 <div class="front">
-                                    <img src="images/profile-thumb.jpg" class="img-fluid">
+                                    @* <img src="images/profile-thumb.jpg" class="img-fluid"> *@
+                                    <img class="img-fluid" src="@Url.Content("~/images/profile-thumb.jpg")" />
                                     <span class="mt-2">Front</span>
                                 </div>
                                 <div class="account-doc-overlay rounded">
@@ -87,7 +89,8 @@
                         <div class="col-12 col-md-6 col-lg-4">
                             <div class="account-doc rounded p-3">
                                 <div class="front">
-                                    <img src="images/profile-thumb.jpg" class="img-fluid">
+                                    @* <img src="images/profile-thumb.jpg" class="img-fluid"> *@
+                                    <img class="img-fluid" src="@Url.Content("~/images/profile-thumb.jpg")" />
                                     <span class="mt-2">Back</span>
                                 </div>
                                 <div class="account-doc-overlay rounded">
@@ -119,7 +122,8 @@
                         <div class="col-12 col-md-6 col-lg-4">
                             <div class="account-doc rounded p-3">
                                 <div class="front">
-                                    <img src="images/profile-thumb.jpg" class="img-fluid">
+                                    @* <img src="images/profile-thumb.jpg" class="img-fluid"> *@
+                                    <img class="img-fluid" src="@Url.Content("~/images/profile-thumb.jpg")" />
                                     <span class="mt-2">Front</span>
                                 </div>
                                 <div class="account-doc-overlay rounded">
@@ -132,7 +136,8 @@
                         <div class="col-12 col-md-6 col-lg-4">
                             <div class="account-doc rounded p-3">
                                 <div class="front">
-                                    <img src="images/profile-thumb.jpg" class="img-fluid">
+                                    @* <img src="images/profile-thumb.jpg" class="img-fluid"> *@
+                                    <img class="img-fluid" src="@Url.Content("~/images/profile-thumb.jpg")" />
                                     <span class="mt-2">Back</span>
                                 </div>
                                 <div class="account-doc-overlay rounded">
diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/Home/Index.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/Home/Index.cshtml
index 61856c3..4c2917d 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/Home/Index.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/Home/Index.cshtml
@@ -11,6 +11,8 @@
     </style>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="@Url.Content("~/Content/styles.css")" rel="stylesheet" type="text/css" />
+
     <script src="~/vendor/jquery/jquery.min.js"></script>
 </head>
 
@@ -25,7 +27,10 @@
         <div class="col-sm-6 col-md-3">
             <div class="border rounded text-center">
                 <a href="/Transaction/SendMoney">
-                    <span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu1.jpg" height="80"></span>
+                    <span class="d-block text-10 text-light mt-1 mb-1">
+@*                         <img src="images/menu1.jpg" height="80">
+                        *@                    <img src="@Url.Content("~/images/menu1.jpg")" height="80" />
+                    </span>
                     <p class="text-2 text-strong">Send Money</p>
                 </a>
             </div>
@@ -33,56 +38,22 @@
         <div class="col-sm-6 col-md-3">
             <div class="border rounded text-center">
                 <a href="/ReceiverInformation/Receiver">
-                    <span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu7.jpg" height="80"></span>
+                    <span class="d-block text-10 text-light mt-1 mb-1">
+@*                         <img src="images/menu7.jpg" height="80">
+ *@                        <img src="@Url.Content("~/images/menu7.jpg")" height="80" />
+                        </span>
                     <p class="text-2 text-strong">Add Receiver</p>
                 </a>
             </div>
         </div>
-        @* <div class="col-sm-6 col-md-3">
-            <div class="border rounded text-center">
-                <a href="#">
-                    <span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu2.jpg" height="80"></span>
-                    <p class="text-2 text-strong">Open Bank Account</p>
-                </a>
-            </div>
-        </div>
-        <div class="col-sm-6 col-md-3">
-            <div class="border rounded text-center">
-                <a href="#">
-                    <span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu3.jpg" height="80"></span>
-                    <p class="text-2 text-strong">Open D-Mat Account</p>
-                </a>
-            </div>
-        </div>
-        <div class="col-sm-6 col-md-3">
-            <div class="border rounded text-center">
-                <a href="#">
-                    <span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu4.jpg" height="80"></span>
-                    <p class="text-2 text-strong">Moile Topup</p>
-                </a>
-            </div>
-        </div>
-        <div class="col-sm-6 col-md-3">
-            <div class="border rounded text-center">
-                <a href="#">
-                    <span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu5.jpg" height="80"></span>
-                    <p class="text-2 text-strong">Purchase Share</p>
-                </a>
-            </div>
-        </div>
-        <div class="col-sm-6 col-md-3">
-            <div class="border rounded text-center">
-                <a href="#">
-                    <span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu6.jpg" height="80"></span>
-                    <p class="text-2 text-strong">Voting</p>
-                </a>
-            </div>
-        </div>
-        *@
+       
         <div class="col-sm-6 col-md-3">
             <div class="border rounded text-center">
                 <a href="/TransactionReport/TranReport">
-                    <span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu8.jpg" height="80"></span>
+                    <span class="d-block text-10 text-light mt-1 mb-1">
+@*                         <img src="images/menu8.jpg" height="80">
+ *@                        <img src="@Url.Content("~/images/menu8.jpg")" height="80" />
+                        </span>
                     <p class="text-2 text-strong">View Reports</p>
                 </a>
             </div>
diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout.cshtml
index aa6fce4..f087bd3 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout.cshtml
@@ -9,6 +9,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>@ViewData["Title"] - CustomerOnlineV2</title>
+    <link href="@Url.Content("~/Content/styles.css")" rel="stylesheet" type="text/css" />
     <link href="~/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
     <link href="~/vendor/font-awesome/css/all.min.css" rel="stylesheet" />
     <link href="~/vendor/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" />
@@ -56,7 +57,8 @@
                         ============================= -->
                         <div class="logo me-3">
                             <a class="d-flex" href="/Home" title="IME Londan">
-                                <img src="/images/imelondon.svg" height="30" alt="IME London - Logo" />
+                                @* <img src="/images/imelondon.svg" height="30" alt="IME London - Logo" /> *@
+                                <img src="@Url.Content("~/images/imelondon.svg")" height="30" alt="IME London - Logo" />
                             </a>
                         </div>
                         <!-- Logo end -->
@@ -115,7 +117,8 @@
                                 </li>
                                 <li class="dropdown profile ms-2">
                                     <a class="px-0 dropdown-toggle" href="javascript:void(0)">
-                                        <img class="rounded-circle" src="images/profile-thumb.jpg" width="32" alt="" />
+                                        @* <img class="rounded-circle" src="images/profile-thumb.jpg" width="32" alt="" /> *@
+                                        <img class="rounded-circle" src="@Url.Content("~/images/profile-thumb.jpg")" width="32" alt="" />
                                     </a>
                                     <ul class="dropdown-menu">
                                         <li class="text-center text-3 py-2">Hi, @firstName</li>
@@ -154,10 +157,11 @@
                         <!-- Profile Details  -->
                         <div class="bg-white rounded text-center p-3 mb-4">
                             <div class="profile-thumb mt-3 mb-4">
-                                <img class="rounded-circle" src="images/profile-thumb.jpg" alt="">
+                                @* <img class="rounded-circle" src="images/profile-thumb.jpg" alt=""> *@
+                                <img class="rounded-circle" src="@Url.Content("~/images/profile-thumb.jpg")" alt="" />
                                 <div class="profile-thumb-edit bg-primary text-white" data-bs-toggle="tooltip" title="Change Profile Picture">
                                     <i class="fas fa-camera position-absolute"></i>
-                                    <input type="file" class="custom-file-input" id="customFile">
+                                    <input type="file" class="custom-file-input" id="customFile" accept="image">
                                 </div>
                             </div>
                             <p class="text-3 fw-500 mb-2">Hello, @firstName</p>
@@ -237,6 +241,31 @@
         $(document).ready(function () {
             GetNotificationList();
             // GetRewardDetails();
+
+            const fileInput = $("#customFile");
+
+            fileInput.on('change', function () {
+                if (fileInput[0].files.length > 0) {
+                    const file = fileInput[0].files[0];
+                    const formData = new FormData();
+                    formData.append('file', file);
+
+                    $.ajax({
+                        url: '/CustomerDocumentController/UploadProfilePic',
+                        type: 'POST', 
+                        data: formData,
+                        processData: false,
+                        contentType: false,
+                        success: function (response) {
+                            console.log(response);
+                        },
+                        error: function (error) {
+                            //  any errors, if needed
+                            console.error(error);
+                        }
+                    });
+                }
+            });
         });
         function GetNotificationList() {
             
diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout2.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout2.cshtml
index 7a62a92..958e952 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout2.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout2.cshtml
@@ -109,7 +109,8 @@
                                 </li>
                                 <li class="dropdown profile ms-2">
                                     <a class="px-0 dropdown-toggle" href="#">
-                                        <img class="rounded-circle" src="images/profile-thumb.jpg" width="32" alt="" />
+                                        @* <img class="rounded-circle" src="images/profile-thumb.jpg" width="32" alt="" /> *@
+                                        <img class="rounded-circle" src="@Url.Content("~/images/profile-thumb.jpg")" width="32" alt="" />
                                     </a>
                                     <ul class="dropdown-menu">
                                         <li class="text-center text-3 py-2">Hi, @firstName</li>