diff --git a/src/assets/images/Navicons/security.png b/src/assets/images/Navicons/security.png
new file mode 100644
index 0000000..f238482
Binary files /dev/null and b/src/assets/images/Navicons/security.png differ
diff --git a/src/assets/images/Navicons/telecom.png b/src/assets/images/Navicons/telecom.png
new file mode 100644
index 0000000..dfb692a
Binary files /dev/null and b/src/assets/images/Navicons/telecom.png differ
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index f34284b..2bbec10 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -30,6 +30,8 @@ import fintechIcon from "../../assets/images/Navicons/fintechIcon.png";
import adTech from "../../assets/images/Navicons/adTech.png";
import marTech from "../../assets/images/Navicons/marTech.png";
import healthTech from "../../assets/images/Navicons/healthTech.png";
+import security from "../../assets/images/Navicons/security.png";
+import telecom from "../../assets/images/Navicons/telecom.png";
const NavBar = () => {
const [isScrolled, setIsScrolled] = useState(false);
@@ -491,7 +493,7 @@ const NavBar = () => {
borderRadius={"10px"}
border={"none"}
padding={"1rem"}
- width={"70%"}
+ width={"55%"}
margin={"0 auto"}
_focus={{
boxShadow: "none",
@@ -610,7 +612,7 @@ const NavBar = () => {
gap={"1rem"}
marginBottom={"1rem"}
>
-
+
Identity and Security
@@ -632,7 +634,7 @@ const NavBar = () => {
gap={"1rem"}
marginBottom={"1rem"}
>
-
+
Telecom