designed chat page

assets/css/app.min.css

@@ -5447,8 +5447,8 @@
   background-color: rgba(240, 101, 72, 0.4);
 }
 .avatar-xxs {
-  height: 1.5rem;
-  width: 1.5rem;
+  height: 2.5rem;
+  width: 2.5rem;
 }
 .avatar-xs {
   height: 2rem;
@@ -17222,7 +17222,7 @@ span.flatpickr-weekday {
 }
 .chat-list > li a {
   display: block;
-  padding: 7px 24px;
+  padding: 16px 24px;
   color: var(--vz-body-color);
   -webkit-transition: all 0.4s;
   transition: all 0.4s;

assets/css/custom.min.css

@@ -1,3 +1,14 @@
+.fw-400{
+  font-weight: 400;
+}
+.fw-500{
+  font-weight: 500;
+}
+.text-15{
+  font-size: 15px;
+}
+
+
 
 /*# sourceMappingURL=custom.min.css.map */
 .progress-nav .nav .nav-item .nav-link {
@@ -17,4 +28,35 @@
   .nav-link.active .step-label,
   .nav-link.done .step-label {
     display: block;
-  }
+  }
+
+  /* chat page  */
+  .chat-message {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin: 8px 0;
+}
+
+.tick-icon {
+  color: gray;
+ font-size: 20px;
+}
+.tick-icon.active {
+  /* margin-right: px; */
+  color: green; /* or #0f0 */
+
+  font-size: 20px;
+}
+
+.chat-leftsidebar{
+  margin: 10px;
+  border-radius: 10px;
+}
+.user-chat{
+  margin: 10px;
+    border-radius: 10px;
+}
+.chat-list li{
+  border-bottom: 1px solid rgba(184, 180, 180, 0.233);
+}