diff --git a/app/Http/Controllers/Frontend/ChatBoxController.php b/app/Http/Controllers/Frontend/ChatBoxController.php
index 92da431..d08a091 100644
--- a/app/Http/Controllers/Frontend/ChatBoxController.php
+++ b/app/Http/Controllers/Frontend/ChatBoxController.php
@@ -12,7 +12,13 @@ class ChatBoxController extends Controller
 {
     public function index()
     {
-        // dd(Chat::where('user_id', auth()->guard('users')->user()->id)->get());
+        $getUnreadChat = Chat::where(['user_id'=>auth()->guard('users')->user()->id,'is_read'=>false])->get();
+        $getUnreadChat->each(function($value){
+            chat::where(['id'=>$value->id,'user_id'=>auth()->guard('users')->user()->id])->update([
+                'is_read'=>true,
+                'read_at'=>now(),
+            ]);
+        });
         return view('Frontend.Pages.user-chat.index', [
             'chats' => Chat::where('user_id', auth()->guard('users')->user()->id)->get()
         ]);
diff --git a/app/helper.php b/app/helper.php
index 8e98950..4c1d369 100644
--- a/app/helper.php
+++ b/app/helper.php
@@ -36,6 +36,11 @@ if (!function_exists('validationErrorMessage')) {
     }
 }
 
+function getUnreadMessage()
+{
+    return Chat::where(['user_id'=>auth()->guard('users')->user()->id,'is_read'=>false])->count();
+}
+
 function imagePath($path = null)
 {
     $finalPath = "https://staging.jerichoalternatives.in/";
diff --git a/public/assets/css/FrontendCss/style.css b/public/assets/css/FrontendCss/style.css
index 34581af..74018a4 100644
--- a/public/assets/css/FrontendCss/style.css
+++ b/public/assets/css/FrontendCss/style.css
@@ -971,7 +971,20 @@ input:focus {
   border-radius: 5px;
   font-size: 14px;
 }
-
+.admin-profile .dropdown.red_dot {
+  position: relative;
+}
+.admin-profile .dropdown.red_dot:before {
+  position: absolute;
+  content: "";
+  top: 4px;
+  right: 32px;
+  background-color: red;
+  width: 10px;
+  height: 10px;
+  z-index: 9;
+  border-radius: 50px;
+}
 .banner-btn a {
   padding: 9px 25px;
   background-color: #ffbd59;
@@ -1736,6 +1749,35 @@ p.brown-text {
   width: 100%;
   font-weight: 500;
 }
+.admin-profile .dropdown.red_dot {
+  position: relative;
+}
+.admin-profile .dropdown.red_dot:before {
+  position: absolute;
+  content: "";
+  top: 4px;
+  right: 32px;
+  background-color: red;
+  width: 10px;
+  height: 10px;
+  z-index: 9;
+  border-radius: 50px;
+}
+
+.admin-profile a.dropdown-item.red_dot {
+  position: relative;
+}
+
+.admin-profile a.dropdown-item.red_dot:before {
+  content: "";
+  position: absolute;
+  right: 23px;
+  top: 17px;
+  width: 7px;
+  height: 7px;
+  background-color: red;
+  border-radius: 50px;
+}
 
 .portfolio .investor-image {
   width: 46%;
@@ -4490,64 +4532,64 @@ span.start {
 /* <style> */
 /* CSS for the zoom effect */
 .img-zoom {
-    cursor: pointer;
-    /* Change cursor to indicate the image is clickable */
-    transition: transform 0.2s;
-    /* Add smooth transition effect */
+  cursor: pointer;
+  /* Change cursor to indicate the image is clickable */
+  transition: transform 0.2s;
+  /* Add smooth transition effect */
 }
 
 .img-zoom:hover {
-    transform: scale(1.1);
-    /* Scale up the image on hover */
+  transform: scale(1.1);
+  /* Scale up the image on hover */
 }
 
 .img-thumbs {
-    background: #eee;
-    border: 1px solid #ccc;
-    border-radius: 0.25rem;
-    margin: 1.5rem 0;
-    padding: 0.75rem;
+  background: #eee;
+  border: 1px solid #ccc;
+  border-radius: 0.25rem;
+  margin: 1.5rem 0;
+  padding: 0.75rem;
 }
 
 .img-thumbs-hidden {
-    display: none;
+  display: none;
 }
 
 .edit_wrapper-thumb,
 .wrapper-thumb {
-    position: relative;
-    display: inline-block;
-    /*margin: 1rem 0;*/
-    justify-content: space-around;
+  position: relative;
+  display: inline-block;
+  /*margin: 1rem 0;*/
+  justify-content: space-around;
 }
 
 .img-preview-thumb {
-    background: #fff;
-    border: 1px solid none;
-    border-radius: 0.25rem;
-    box-shadow: 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.12);
-    margin-right: 1rem;
-    max-width: 140px;
-    padding: 0.25rem;
+  background: #fff;
+  border: 1px solid none;
+  border-radius: 0.25rem;
+  box-shadow: 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.12);
+  margin-right: 1rem;
+  max-width: 140px;
+  padding: 0.25rem;
 }
 
 /* Additional CSS to style the images within the carousel */
 .carousel-inner img {
-    max-height: 350px;
-    /* Set maximum height for the images */
-    max-width: 75%;
-    margin: 0 auto;
-    /* Center the images horizontally */
+  max-height: 350px;
+  /* Set maximum height for the images */
+  max-width: 75%;
+  margin: 0 auto;
+  /* Center the images horizontally */
 }
-    /* </style> */
+/* </style> */
 
-    .chksb p {
-      font-style: normal;
-      font-size: 18px;
-      color: #1B243D;
-      margin: 0;
-      font-weight: 600;
-  }
+.chksb p {
+  font-style: normal;
+  font-size: 18px;
+  color: #1b243d;
+  margin: 0;
+  font-weight: 600;
+}
 
 /*======responsive=====*/
 
@@ -4985,7 +5027,6 @@ span.start {
   }
 }
 @media (max-width: 767px) {
-
   .investor-profile .profile-img img {
     width: 70px;
   }
@@ -5563,17 +5604,15 @@ span.start {
 @media (max-width: 420px) {
 }
 @media (max-width: 380px) {
-
   .chksb p {
     font-style: normal;
     font-size: 14px;
-    color: #1B243D;
+    color: #1b243d;
     margin: 0;
     font-weight: 600;
-}
+  }
 }
 @media (max-width: 360px) {
 }
 @media (max-width: 320px) {
-  
 }
diff --git a/resources/views/Frontend/menu-after-lg.blade.php b/resources/views/Frontend/menu-after-lg.blade.php
index cfea63f..74c1dbc 100644
--- a/resources/views/Frontend/menu-after-lg.blade.php
+++ b/resources/views/Frontend/menu-after-lg.blade.php
@@ -450,7 +450,7 @@
 
                                             </div>
                                         </div>
-                                        <div class="dropdown">
+                                        <div class="dropdown {{ getUnreadMessage() > 0 ? 'red_dot':''}}">
                                             <a class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown"
                                                 aria-expanded="false">
 
@@ -479,7 +479,7 @@
                                                 <a class="dropdown-item" href="{{ route('investor-profile') }}">My
                                                     Profile</a>
 
-                                                <a class="dropdown-item" href="{{ route('chat_box') }}">Customer
+                                                <a class="dropdown-item {{ getUnreadMessage() > 0 ? 'red_dot':''}}" href="{{ route('chat_box') }}">Customer
                                                     Support</a>
 
                                                 <a class="dropdown-item" href="{{ route('security') }}">Security</a>