frst Layout

public/assets/ss.css

@@ -1,25 +1,22 @@
 
-.ant-menu-item-selected {
-    /* background-color: #ED9545 !important; */
-    border-left: 1px solid #CFCFCF ;
+
+.ant-menu-light .ant-menu-item-selected{
+    color: #ED9545;
+    border-left: 3px solid #ED9545 ;
+    background: transparent;
 }
 
 
 /* App.css */
 .custom-menu .ant-menu-item {
-    border-bottom: 1px solid #CFCFCF; /* Default border color */
     border-radius: 0; /* Remove border-radius */
 }
 
-.custom-menu .ant-menu-item-selected {
-    border-bottom: 1px solid #CFCFCF; /* Selected border color */
-}
-
 /* Specific styling for parent menu items (non-selected) */
 .custom-menu .ant-menu-submenu-title {
     border-bottom: 1px solid #CFCFCF; /* Default border color for parent items */
     border-radius: 0; /* Remove border-radius for parent items */
-    font-size: 20px;
+    font-size: 18px;
     color: #000;
     font-weight: 700;
     padding-top: 40px;
@@ -36,10 +33,7 @@
     --icon-color: #ED9545; /* Selected icon color */
 }
 
-.custom-menu .ant-menu-submenu-title:hover {
-    color: #6E6E6E; /* Hover text color for parent items */
-    border-bottom: 1px solid #CFCFCF; /* Hover border color for parent items */
-}
+
 
 /* Ensure parent item remains #ED9545 when any child is selected */
 .custom-menu .ant-menu-submenu-open > .ant-menu-submenu-title {
@@ -53,3 +47,25 @@
     color: #000; /* Ensure parent item text color */
     --icon-color: #000; /* Ensure parent item icon color */
 }
+
+
+/* Custom scrollbar for WebKit browsers */
+::-webkit-scrollbar {
+    width: 3px; /* Width of the scrollbar */
+  }
+  
+  ::-webkit-scrollbar-track {
+    background: #fcfcfc; /* Track background */
+  }
+  
+  ::-webkit-scrollbar-thumb {
+    background: #CFCFCF; /* Scrollbar color */
+    border-radius: 10px; /* Rounded corners */
+  }
+  
+  ::-webkit-scrollbar-thumb:hover {
+    background: #555; /* Color when hovering */
+  }
+/* Firefox scrollbar styling */
+
+