update

src/Components/CutomBreadcrumb.jsx

@@ -9,6 +9,7 @@ import {
 } from "@chakra-ui/react";
 import { Link, useLocation } from "react-router-dom";
 import { nav } from "../Routes/Nav";
+import { MinusIcon } from "@chakra-ui/icons";
 
 const CustomBreadcrumb = () => {
   const { pathname } = useLocation();
@@ -60,7 +61,8 @@ const CustomBreadcrumb = () => {
       display={"flex"}
       alignItems={"center"}
       p={1}
-      mt={2}
+      mt={1}
+      borderBottom={"1px dashed #DEE2E6"}
     >
       <Button
         cursor={"pointer"}
@@ -78,8 +80,9 @@ const CustomBreadcrumb = () => {
       {breadcrumbs.map((item, index) => (
         <React.Fragment key={index}>
           
-          <Text size={"xs"} ps={1} pe={1} as={"span"}>
-            /
+          <Text size={"md"}  as={"span"}>
+          {/* <MinusIcon fontStyle={4} color={"#1A202C"}/> */}
+          -
           </Text>
           <Link to={item.path}>
           <Button

src/Components/FormInputMain.jsx

@@ -103,7 +103,7 @@ const FormInputMain = ({
             width={w ? w : "44.5%"}
             rounded={"sm"}
             type="submit"
-            colorScheme="green"
+                colorScheme={"forestGreen"}
           >
             {submitTitle ? submitTitle : "Submit"}
           </Button>

src/Components/NavBreadCrumbs.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Link } from "react-router-dom"; // Adjust this based on your routing setup
 import CustomBreadcrumb from "./CutomBreadcrumb";
+import { MinusIcon } from "@chakra-ui/icons";
 
 const NavBreadcrumbs = ({ nav }) => {
   // Function to recursively flatten submenu items and add parent titles
@@ -10,18 +11,18 @@ const NavBreadcrumbs = ({ nav }) => {
       if (item.submenu) {
         // Add parent title if present
         breadcrumbs.push({
-          label: parentTitle ? `${parentTitle} / ${item.title}` : item.title,
+          label: parentTitle ? `${parentTitle} ${<MinusIcon/>} ${item.title}` : item.title,
           link: null, // Adjust link as per your routing setup
         });
         // Recursively flatten submenu items
         breadcrumbs = [
           ...breadcrumbs,
-          ...flattenNav(item.submenu, `${parentTitle} / ${item.title}`),
+          ...flattenNav(item.submenu, `${parentTitle} ${<MinusIcon/>} ${item.title}`),
         ];
       } else {
         // If no submenu, add current item as breadcrumb
         breadcrumbs.push({
-          label: parentTitle ? `${parentTitle} / ${item.title}` : item.title,
+          label: parentTitle ? `${parentTitle} ${<MinusIcon/>} ${item.title}` : item.title,
           link: item.path, // Adjust link as per your routing setup
         });
       }