diff --git a/css/style.css b/css/style.css
index 4305f0e..56ad3c4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -13,7 +13,8 @@
   --navbar-bg: #003fd3d0;
   --accent-color: #3b82f6;
 }
-body.dark-mode {
+body {
+  font-family: "Cairo", sans-serif;
   --background: #000000;
   --bg-primary: #000000;
   --bg-secondary: #000000;
@@ -21,28 +22,20 @@ body.dark-mode {
   --text-secondary: #cbd5e1;
   --border-color: #334155;
   --navbar-bg: #000a2291;
-  background-color: var(--background);
-  background-image: radial-gradient(circle at 50% 10%, rgba(17, 0, 255, 0.308) 0%, transparent 20%),
-    linear-gradient(to right, rgba(255, 255, 255, 0.089) 1px, transparent 1px),
-    linear-gradient(to bottom, rgba(255, 255, 255, 0.089) 1px, transparent 1px);
-  background-size: 100% 100%, 40px 40px, 40px 40px;
-}
-body {
-  font-family: "Cairo", sans-serif;
-  line-height: 1.6;
-  background-color: var(--bg-primary);
   direction: rtl;
   transition: background-color 0.3s ease, color 0.3s ease;
   color: var(--text-secondary);
+  background-color: var(--bg-primary);
   background-color: var(--background);
-  background-image: radial-gradient(circle at 50% 50%, rgba(77, 217, 255, 0.1) 0%, transparent 50%),
-    linear-gradient(to right, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
-    linear-gradient(to bottom, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
+  background-image: radial-gradient(circle at 50% 10%, rgba(17, 0, 255, 0.308) 0%, transparent 20%),
+    linear-gradient(to right, rgba(255, 255, 255, 0.089) 1px, transparent 1px),
+    linear-gradient(to bottom, rgba(255, 255, 255, 0.089) 1px, transparent 1px);
   background-size: 100% 100%, 40px 40px, 40px 40px;
   line-height: 1.6;
   overflow-x: hidden;
 }
 
+
 .container {
   max-width: 1200px !important;
   margin: 0 auto !important;
@@ -499,15 +492,11 @@ body {
 
 .product-title {
   font-size: 1.5rem !important;
-  color: #1e3a8a !important;
+  color: #e0f2fe !important;
   margin-bottom: 15px !important;
   font-weight: 700 !important;
 }
 
-body.dark-mode .product-title {
-  color: #e0f2fe !important;
-}
-
 .product-description {
   color: var(--text-secondary) !important;
   margin-bottom: 20px !important;
@@ -538,15 +527,11 @@ body.dark-mode .product-title {
 .values-title {
   text-align: center !important;
   font-size: 2rem !important;
-  color: #1e3a8a !important;
+  color: #e0f2fe !important;
   margin-bottom: 40px !important;
   font-weight: 700 !important;
 }
 
-body.dark-mode .values-title {
-  color: #e0f2fe !important;
-}
-
 .values-grid {
   display: grid !important;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
@@ -572,15 +557,11 @@ body.dark-mode .values-title {
 }
 
 .value-item h4 {
-  color: #1e3a8a !important;
+  color: #e0f2fe !important;
   margin-bottom: 10px !important;
   font-weight: 600 !important;
 }
 
-body.dark-mode .value-item h4 {
-  color: #e0f2fe !important;
-}
-
 .value-item p {
   color: var(--text-secondary) !important;
   font-size: 0.95rem !important;
@@ -611,16 +592,12 @@ body.dark-mode .value-item h4 {
 .section-title {
   text-align: center;
   font-size: 32px;
-  color: #1e3a8a !important;
+  color: #e0f2fe !important;
   margin-bottom: 80px;
   font-weight: 700 !important;
   transition: color 0.3s ease !important;
 }
 
-body.dark-mode .section-title {
-  color: #e0f2fe !important;
-}
-
 .section-title i {
   margin-left: 15px !important;
   color: #3b82f6 !important;
@@ -677,7 +654,7 @@ body.dark-mode .section-title {
 }
 
 .dropdown-menu {
-  background-color: #1e3a8a !important;
+  background-color: #1e293b !important;
   border: none !important;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
   border-radius: 12px !important;
@@ -813,7 +790,7 @@ main{
 }
 
 .card-title {
-  color: #1e3a8a !important;
+  color: #e0f2fe !important;
   font-weight: 700 !important;
   font-size: 1.5rem !important;
   margin-bottom: 15px !important;
@@ -821,10 +798,6 @@ main{
   margin-right: 10px;
 }
 
-body.dark-mode .card-title {
-  color: #e0f2fe !important;
-}
-
 .btn {
   font-weight: 600 !important;
   border-radius: 8px !important;
@@ -957,7 +930,7 @@ body.dark-mode .card-title {
 .browser-lines span:nth-child(3) { width: 60%; }
 
 
-.simulator.btn.container{
+.simulator-btn-container{
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -967,7 +940,7 @@ body.dark-mode .card-title {
 
 .simulatorbtn{
   height: 10px;
-  text-align: center;
+  justify-content: center;
   font-size: 14px;
   width: 40%;
 }
@@ -1282,16 +1255,12 @@ body.dark-mode .card-title {
 
 .tip-title {
   font-size: 1.3rem !important;
-  color: #1e3a8a !important;
+  color: #e0f2fe !important;
   margin-bottom: 15px !important;
   font-weight: 600 !important;
   transition: color 0.3s ease !important;
 }
 
-body.dark-mode .tip-title {
-  color: #e0f2fe !important;
-}
-
 .tip-card:hover .tip-title {
   color: #3b82f6 !important;
 }
@@ -1304,10 +1273,6 @@ body.dark-mode .tip-title {
 }
 
 .tip-card:hover .tip-description {
-  color: #1e3a8a !important;
-}
-
-body.dark-mode .tip-card:hover .tip-description {
   color: #e0f2fe !important;
 }
 
@@ -1348,18 +1313,6 @@ body.dark-mode .tip-card:hover .tip-description {
 
 }
 
-/* .footer {
-  background: linear-gradient(135deg, #000000 0%, #006aff 100%) !important;
-  color: white !important;
-  padding: 50px 0 20px !important;
-  margin-top: 20px;
-  transition: background 0.3s ease !important;
-}
-
-body.dark-mode .footer {
-  background: linear-gradient(135deg, #000000 0%, #02143a 100%) !important;
-} */
-
 .footer-content {
   display: grid !important;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
@@ -1377,11 +1330,6 @@ body.dark-mode .footer {
 }
 
 .footer-description {
-  color: #000000 !important;
-  line-height: 1.6 !important;
-}
-
-body.dark-mode .footer-description {
   color: #dadadabb !important;
   line-height: 1.6 !important;
 }
@@ -1402,14 +1350,7 @@ body.dark-mode .footer-description {
 }
 
 .footer-links a {
-  color: #000000 !important;
-  text-decoration: none !important;
-  display: inline-block;
-  transition: all 0.3s ease;
-}
-
-body.dark-mode .footer-links a {
-  color: #dadadabb !important;
+  color: #ffffffd7 !important;
   text-decoration: none !important;
   display: inline-block;
   transition: all 0.3s ease;
@@ -1550,16 +1491,12 @@ body.dark-mode .footer-links a {
 }
 
 #final-card h3 {
-  color: #1e3a8a !important;
+  color: #e0f2fe !important;
   font-size: 2rem !important;
   margin-bottom: 20px !important;
   font-weight: 700 !important;
 }
 
-body.dark-mode #final-card h3 {
-  color: #e0f2fe !important;
-}
-
 #final-card p {
   font-size: 1.1rem !important;
   line-height: 1.6 !important;
@@ -1619,10 +1556,6 @@ ul {
   margin-left: 5px;
 }
 
-body.dark-mode .dropdown-menu {
-  background-color: #1e293b !important;
-}
-
 #contentType option[value="url"] {
   background: var(--accent-color);
   color: #fff;
@@ -1683,16 +1616,16 @@ body.dark-mode .dropdown-menu {
 /*  Chat Style   */
 .chat-container {
   height: 500px;
-  border: 1px solid #000000;
+  border: 1px solid #dee2e6;
   border-radius: 12px;
   display: flex;
   flex-direction: column;
-  background: white;
+  background: rgb(0, 0, 0);
 }
 
 .chat-header {
-  background: linear-gradient(135deg, #3b82f6, #1e3a8a);
-  color: white;
+  background: linear-gradient(135deg, #353535, #000d30);
+  color: rgb(255, 255, 255);
   padding: 15px 20px;
   border-radius: 12px 12px 0 0;
   display: flex;
@@ -1704,14 +1637,13 @@ body.dark-mode .dropdown-menu {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
-  background: #cccccc;
+  background: #000000;
 }
 
 .message {
   margin-bottom: 15px;
   display: flex;
   align-items: flex-start;
-  
   gap: 10px;
 }
 
@@ -1729,9 +1661,7 @@ body.dark-mode .dropdown-menu {
   font-size: 18px;
   flex-shrink: 0;
 }
-.message-avatar:first-child{
-  background: linear-gradient(135deg, #3b82f6, #1e3a8a);
-}
+
 .message.bot .message-avatar {
   background: linear-gradient(135deg, #3b82f6, #1e3a8a);
   color: white;
@@ -1750,7 +1680,7 @@ body.dark-mode .dropdown-menu {
 }
 
 .message.bot .message-content {
-  background: white;
+  background: rgb(201, 201, 201);
   border: 1px solid #e5e7eb;
   color: black;
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
@@ -1760,123 +1690,29 @@ body.dark-mode .dropdown-menu {
   background: linear-gradient(135deg, #3b82f6, #1e3a8a);
   color: white;
 }
-#typingIndicator {
-  display: none;
-}
 
 .chat-input-area {
   padding: 20px;
   border-top: 1px solid #e5e7eb;
-  background: white;
-  border-radius: 0 0 12px 12px;
-}
-
-.input-group-custom {
-  display: flex;
-  gap: 10px;
-  align-items: flex-end;
-}
-
-.message-input {
-  flex: 1;
-  border: 1px solid #dee2e6;
-  border-radius: 20px;
-  padding: 12px 16px;
-  resize: none;
-  max-height: 100px;
-}
-
-body.dark-mode .chat-container {
-  height: 500px;
-  border: 1px solid #dee2e6;
-  border-radius: 12px;
-  display: flex;
-  flex-direction: column;
-  background: rgb(0, 0, 0);
-}
-
-body.dark-mode .chat-header {
   background: linear-gradient(135deg, #353535, #000d30);
-  color: rgb(255, 255, 255);
-  padding: 15px 20px;
-  border-radius: 12px 12px 0 0;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-body.dark-mode .chat-messages {
-  flex: 1;
-  overflow-y: auto;
-  padding: 20px;
-  background: #000000;
-}
-
-body.dark-mode .message {
-  margin-bottom: 15px;
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-}
-
-body.dark-mode .message.user {
-  flex-direction: row-reverse;
-}
-
-body.dark-mode .message-avatar {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 18px;
-  flex-shrink: 0;
-}
-
-body.dark-mode .message.bot .message-avatar {
-  background: linear-gradient(135deg, #3b82f6, #1e3a8a);
-  color: white;
-}
-
-body.dark-mode .message.user .message-avatar {
-  background: linear-gradient(135deg, #16a34a, #15803d);
-  color: white;
-}
-
-body.dark-mode .message-content {
-  max-width: 70%;
-  padding: 12px 16px;
-  border-radius: 18px;
-  line-height: 1.4;
-}
-
-body.dark-mode .message.bot .message-content {
-  background: rgb(201, 201, 201);
-  border: 1px solid #e5e7eb;
-  color: black;
-  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+  border-radius: 0 0 12px 12px;
 }
 
-body.dark-mode .message.user .message-content {
+.message-avatar:first-child{
   background: linear-gradient(135deg, #3b82f6, #1e3a8a);
-  color: white;
 }
 
-body.dark-mode .chat-input-area {
-  padding: 20px;
-  border-top: 1px solid #e5e7eb;
-  background: linear-gradient(135deg, #353535, #000d30);
-  border-radius: 0 0 12px 12px;
+#typingIndicator {
+  display: none;
 }
 
-body.dark-mode .input-group-custom {
+.input-group-custom {
   display: flex;
   gap: 10px;
   align-items: flex-end;
 }
 
-body.dark-mode .message-input {
+.message-input {
   flex: 1;
   border: 1px solid #000000;
   color: black;
@@ -2136,6 +1972,7 @@ body.dark-mode .message-input {
     align-items: center !important;
     justify-content: center !important;
     text-align: center;
+    cursor: pointer;
     gap: 10px !important;
     padding: 15px !important;
     border-radius: 10px !important;
@@ -2146,6 +1983,7 @@ body.dark-mode .message-input {
 .browser-icon:hover {
     transform: translateY(-5px) !important;
     box-shadow: 0 10px 20px rgba(59, 130, 246, 0.2) !important;
+    text-decoration: none !important;
 }
 .browser-icon i {
     font-size: 32px !important;
@@ -2156,7 +1994,7 @@ body.dark-mode .message-input {
     font-weight: 600 !important;
     color: var(--text-primary) !important;
 }
-@media (max-width: 768px) {
+@media (max-width: 768px) { /* Phones (Except Folded)*/
     .step-container {
         flex-direction: column !important;
         gap: 30px !important;
@@ -2180,6 +2018,13 @@ body.dark-mode .message-input {
       justify-content: center !important;
       align-content: center !important; 
   }
+
+    .simulator-btn-container{
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      width: 100%;
+  }
   
 }
 .features-grid {
@@ -2298,23 +2143,18 @@ html[lang="en"] .footer-logo span {
 
 /* ITEM */
 .accordion-item {
-  background: #fff;
   border-radius: 12px;
-  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
-  margin-bottom: 10px;
-  overflow: hidden;
-}
-
-body.dark-mode .accordion-item {
   background: #1e1e1e;
   box-shadow: 0 10px 25px rgba(255, 255, 255, 0.1);
+  margin-bottom: 10px;
+  overflow: hidden;
 }
 
 /* HEADER */
 .accordion-header {
   width: 100%;
   padding: 18px 20px;
-  background: #2659ff;
+  background: #003cff;
   color: white;
   border: none !important;
   outline: none !important;
@@ -2325,10 +2165,6 @@ body.dark-mode .accordion-item {
   text-align: inherit; /* key */
 }
 
-body.dark-mode .accordion-header {
-  background: #003cff;
-}
-
 .accordion-header:focus-visible {
   outline: none;
 }
@@ -2343,175 +2179,14 @@ body.dark-mode .accordion-header {
 }
 
 .accordion-content p {
-  color: #000000;
+  color: #ffffff;
   padding: 15px 0;
   font-size: 18px;
   line-height: 1.6;
   margin: 0;
 }
 
-body.dark-mode .accordion-content p {
-  color: #ffffff;
-}
-
 
-.tips-grid-timeline {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-auto-rows: auto;
-  row-gap: 120px;
-  position: relative;
-}
-
-.tips-grid-timeline::after {
-  content: '';
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 35px;
-  height: 100%;
-  width: 3px;
-  background: linear-gradient(to bottom, #001aff, #007bff);
-  z-index: 0;
-}
-
-[dir="ltr"]  .tips-grid-timeline::after {
-  content: '';
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 35px;
-  height: 100%;
-  width: 3px;
-  background: linear-gradient(to bottom, #001aff, #007bff);
-  z-index: 0;
-}
-
-.tip-timeline {
-  background-color: white;
-  padding: 20px 30px;
-  border-radius: 12px;
-  border-width: 2px;
-  border-color: #001f83;
-  border-style: solid;
-  position: relative;
-  width: 100%;
-  font-size: 18px;
-  line-height: 1.5;
-  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
-  z-index: 2;
-  transition: all 0.6s ease-out;
-  opacity: 0;
-  transform: translateY(-30px);
-}
-
-.tip-timeline.show {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-.tip-timeline:hover {
-  box-shadow: none;
-}
-
-.tip-timeline.left:nth-child(1) {
-  grid-column: 1;
-  grid-row: 1;
-}
-
-.tip-timeline.right:nth-child(2) {
-  grid-column: 2;
-  grid-row: 2;
-}
-
-.tip-timeline.left:nth-child(3) {
-  grid-column: 1;
-  grid-row: 3;
-}
-
-.tip-timeline.right:nth-child(4) {
-  grid-column: 2;
-  grid-row: 4;
-}
-
-.tip-timeline::before {
-  content: '';
-  position: absolute;
-  top: 20px;
-  left: -25px;
-  width: 50px;
-  height: 50px;
-  background-color: var(--accent-color);
-  border-radius: 50%;
-  z-index: 2;
-}
-
-.tip-timeline i {
-  position: absolute;
-  top: -5px;
-  left: -25px;
-  width: 50px;
-  height: 50px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 20px;
-  color: white;
-  z-index: 3;
-}
-
-.tip-timeline.left::before {
-  left: -25px;
-  top: -11px;
-}
-
-.tip-timeline.left i {
-  left: -25px;
-  top: -10px;
-}
-
-.tip-timeline.left {
-  justify-self: start;
-  bottom: -34px;
-  left: -60px;
-}
-
-.tip-timeline.right {
-  justify-self: end;
-  bottom: -30px;
-  right: -60px;
-}
-
-.tip-timeline.right::before {
-  top: -5px;
-}
-
-[dir="ltr"] .tip-timeline.left {
-  justify-self: start;
-  bottom: -34px;
-  left: 60px;
-}
-
-[dir="ltr"] .tip-timeline.right {
-  justify-self: end;
-  bottom: -30px;
-  right: 60px;
-}
-
-body.dark-mode .tip-timeline {
-  background-color: #000000;
-  color: #f0f0f0;
-  border: solid 1px var(--border-color);
-  box-shadow: 0 10px 25px rgba(255, 255, 255, 0.1);
-}
-
-body.dark-mode .tip-timeline:hover {
-  box-shadow: none;
-}
-
-body.dark-mode .tip-timeline i {
-  color: white;
-}
 
 @media (prefers-reduced-motion: reduce) {
   .stat-number,
@@ -3010,157 +2685,183 @@ body.dark-mode .tip-timeline i {
     opacity: 1 !important;
   }
 }
- /* Ar Tablet  */
-@media screen and (min-width: 768px) and (max-width: 1300px) {
 
-  .tips-grid-timeline {
-    grid-template-columns: 1fr;
-    row-gap: 75px;  
+/* ===== Timeline Section ===== */
+.timeline-wrapper {
+    width: 100%;
+    max-width: 900px;
     position: relative;
+    direction: ltr; /* مهم: يمنع RTL من إزاحة الخط */
+    margin: 80px auto 0;
   }
-  
-  .tips-grid-timeline::after {
-    left: auto;
-    right: 25px;
-    transform: translateX(0);
-    height: 100%;
-    top: 0;
-  }
-  
-  .tip-timeline {
-    width: 95%;
-    justify-self: start;
-    left: 0 !important;
-    right: auto !important;
-    bottom: 0 !important;
-    margin-left: -25px; 
-  }
-  .tip-timeline.left {
-    justify-self: end;
 
-  }
-  .tip-timeline::before,
-  .tip-timeline i {
-    display: none;
+  /* إرجاع اتجاه النص داخل الكاردات للعربي */
+  .tl-card {
+    direction: rtl;
   }
 
-}
-/* En Tablet*/
-@media screen and (min-width: 768px) and (max-width: 1300px) {
-  [dir="ltr"] .tips-grid-timeline {
-    grid-template-columns: 1fr;
-    row-gap: 75px;
-    position: relative;
-  }
-  
-  [dir="ltr"] .tips-grid-timeline::after {
-    left: 25px;
-    transform: translateX(0);
-    height: 100%;
+  /* الخط العمودي في المنتصف */
+  .timeline-line {
+    position: absolute;
+    left: 50%;
     top: 0;
+    bottom: 0;
+    transform: translateX(-50%);
+    width: 2px;
+    background: linear-gradient(to bottom, transparent, #3b82f6 10%, #3b82f6 90%, transparent);
+    box-shadow: 0 0 10px rgba(59, 130, 246, 0.4);
+  }
+
+  .timeline-line::before {
+    content: '';
+    position: absolute;
+    top: 0; left: 50%;
+    transform: translateX(-50%);
+    width: 12px; height: 12px;
+    border-radius: 50%;
+    background: #3b82f6;
+    box-shadow: 0 0 20px rgba(59, 130, 246, 0.6);
   }
-  
-  [dir="ltr"] .tip-timeline {
-    width: 90%;
-    justify-self: start;
-    left: 20px !important;
-    right: auto !important;
-    bottom: 0 !important;
-  }
-  [dir="ltr"] .tip-timeline.left {
-    justify-self: end;
-  }
-  [dir="ltr"]  .tip-timeline:not(:first-child) i,
-   [dir="ltr"] .tip-timeline:not(:first-child)::before,
-     [dir="ltr"] .tip-timeline i,
-    [dir="ltr"] .tip-timeline::before
-    {
-    display: none;
+
+  .timeline-line::after {
+    content: '';
+    position: absolute;
+    bottom: 0; left: 50%;
+    transform: translateX(-50%);
+    width: 12px; height: 12px;
+    border-radius: 50%;
+    background: #3b82f6;
+    box-shadow: 0 0 20px rgba(59, 130, 246, 0.6);
   }
-}
 
-@media screen and (max-width: 767px) {
-  .tips-grid-timeline {
-    grid-template-columns: 1fr;
-    row-gap: 80px;
+  /* كل صف */
+  .timeline-row {
+    display: grid;
+    grid-template-columns: 1fr 60px 1fr;
+    align-items: center;
+    margin-bottom: 60px;
+    position: relative;
   }
-  
-  .tips-grid-timeline::after {
-    left: auto;
-    right: 15px;
-    transform: translateX(0);
-    height: 100%;
-    top: 0;
+
+  /* النقطة على الخط */
+  .timeline-dot {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    z-index: 2;
   }
-  
-  .tip-timeline {
-    width: calc(100% - 60px);
-    left: 60px !important;
-    justify-self: start;
-    bottom: 0 !important;
+
+  .dot {
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    background: #000000;
+    border: 2px solid #3b82f6;
+    box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
+    transition: all 0.3s;
   }
-  
-  .tip-timeline i, .tip-timeline::before,  .tip-timeline:not(:first-child) i, .tip-timeline:not(:first-child)::before  {
-    display: none;
+
+  .timeline-row:hover .dot {
+    background: #3b82f6;
+    box-shadow: 0 0 24px rgba(59, 130, 246, 0.7);
+    transform: scale(1.3);
   }
 
-  
-  [dir="rtl"] .tip-timeline.right {
-    right: auto !important;
-    margin-left: -40px ;
+    /* ===== Timeline Card - isolated من .card العامة ===== */
+  .tl-card {
+    background: var(--bg-secondary, #000000) !important;
+    border: 1px solid var(--border-color, #334155) !important;
+    border-radius: 12px !important;
+    padding: 28px !important;
+    position: relative !important;
+    overflow: visible !important;
+    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
+            border-color 0.3s,
+            box-shadow 0.3s !important;
+    animation: tlFadeIn 0.6s ease both !important;
   }
-  
-[dir="rtl"] .tip-timeline.left {
-    justify-self: end;
-    margin-left: -40px;
-}
-  /* En  */
-  [dir="ltr"] .tips-grid-timeline {
-    grid-template-columns: 1fr;
-    row-gap: 50px;
-    position: relative;
+
+  .tl-card:hover {
+  transform: translateY(-20px) !important;
+    border-color: #3b82f6 !important;
+    box-shadow: 0 12px 40px rgba(59, 130, 246, 0.15) !important;
   }
-  
-  [dir="ltr"] .tips-grid-timeline::after {
-    left: 25px;
-    transform: translateX(0);
-    height: 100%;
-    top: 0;
+
+  /* إلغاء pseudo-elements من .card العامة */
+  .tl-card::before,
+  .tl-card::after {
+    display: none !important;
+    content: none !important;
+    width: 0 !important;
+    height: 0 !important;
+    background: transparent !important;
   }
-  
 
-  
-  [dir="ltr"] .tip-timeline i, [dir="ltr"] .tip-timeline::before {
-    display: none;
+  /* السهم بـ span منفصل */
+  .tl-arrow-right {
+    position: absolute;
+    top: 50%;
+    right: -10px;
+    transform: translateY(-50%);
+    width: 0; height: 0;
+    border-top: 10px solid transparent;
+    border-bottom: 10px solid transparent;
+    border-left: 10px solid var(--border-color, #334155);
+    z-index: 1;
+  }
+
+  .tl-arrow-left {
+    position: absolute;
+    top: 50%;
+    left: -10px;
+    transform: translateY(-50%);
+    width: 0; height: 0;
+    border-top: 10px solid transparent;
+    border-bottom: 10px solid transparent;
+    border-right: 10px solid var(--border-color, #334155);
+    z-index: 1;
+  }
+
+  .tl-tag {
+    font-size: 11px !important;
+    font-weight: 700 !important;
+    letter-spacing: 2px !important;
+    text-transform: uppercase !important;
+    color: #3b82f6 !important;
+    margin-bottom: 10px !important;
+    display: block !important;
   }
-  
 
-  [dir="ltr"] .tips-grid-timeline {
-    grid-template-columns: 1fr; 
-    row-gap: 50px;
-    position: relative;
+  .tl-card h3 {
+    font-size: 18px !important;
+    font-weight: 900 !important;
+    color: #e0f2fe !important;
+    margin-bottom: 8px !important;
+    line-height: 1.4 !important;
   }
 
-  [dir="ltr"] .tips-grid-timeline::after {
-    transform: translateX(0);
-    left: -25px;
-    right: auto; 
-    transform: none;
-    height: 100%;
-    top: 0;
-    margin-left: 20px;
+  .tl-card p {
+    font-size: 14px !important;
+    color: var(--text-secondary, #cbd5e1) !important;
+    line-height: 1.7 !important;
   }
 
-  [dir="ltr"] .tip-timeline {
-    width: calc(100% - 60px); 
-    justify-self: start !important;
-    left: 60px !important;
-    left: 50px !important;
-    right: auto !important;
-    bottom: 0 !important;
+  .tl-num {
+    position: absolute;
+    bottom: 14px;
+    left: 20px;
+    font-size: 48px;
+    font-weight: 900;
+    color: #3b82f608;
+    line-height: 1;
+    pointer-events: none;
   }
-}
 
+@keyframes tlFadeIn {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
 .scroll-element {
     opacity: 0;
     transform: translateY(50px);
diff --git a/css/styles.css b/css/styles.css
index 21f8d20..c6a3589 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -10,7 +10,7 @@
   --radius: 10px;
 }
 
-body.dark-mode {
+body {
   --text-muted: #ffffff;
 }
 
@@ -152,13 +152,6 @@ body.dark-mode {
 }
 
 .project-title {
-  color: rgb(25, 0, 255);
-  font-size: 1.875rem;
-  font-weight: 700;
-  letter-spacing: -0.01em;
-}
-
-body.dark-mode .project-title {
   color: rgb(0, 174, 255);
   font-size: 1.875rem;
   font-weight: 700;
@@ -246,9 +239,6 @@ body.dark-mode .project-title {
   padding: 16px;
   border: 1px solid var(--border-color);
   border-radius: 8px;
-}
-
-body.dark-mode .feature-box {
   background: rgb(0, 0, 0);
 }
 
@@ -697,10 +687,6 @@ body.dark-mode .feature-box {
   font-size: 4rem;
   font-weight: 700;
   margin-bottom: 20px;
-  color: var(--text-secondary);
-}
-
-body.dark-mode .terms-hero .hero-title {
   color: #ffffff;
 }
 
@@ -831,12 +817,8 @@ body.dark-mode .terms-hero .hero-title {
 .section-header h2 {
   font-size: 1.625rem;
   font-weight: 700;
-  color: var(--text-secondary);
-  margin: 0;
-}
-
-body.dark-mode .section-header h2 {
   color: #ffffff;
+  margin: 0;
 }
 
 .section-content {
@@ -851,16 +833,12 @@ body.dark-mode .section-header h2 {
 
 .section-content h4 {
   font-weight: 700;
-  color: var(--text-secondary);
+  color: #ffffff;
   margin-top: 24px;
   margin-bottom: 12px;
   font-size: 1.125rem;
 }
 
-body.dark-mode .section-content h4 {
-  color: #ffffff;
-}
-
 .feature-list {
   list-style: none;
   margin-bottom: 24px;
diff --git a/index.html b/index.html
index f42469f..27dc6f5 100644
--- a/index.html
+++ b/index.html
@@ -11,8 +11,7 @@
     <link rel="icon" href="img/logo.png" type="image/x-icon" />
     <link rel="stylesheet" href="css/bootstrap.css">
     <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap"
-rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/styles.css">
@@ -47,7 +46,7 @@
                                 data-en="Report Site">الإبلاغ عن موقع</a></li>
                         <li><a href="pages/blog.html" class="dropdown-item" data-ar="المدونة" data-en="Blog">المدونة</a>
                         </li>
-                        <li><a href="https://www.facebook.com/eyeofhorussec" class="dropdown-item" data-ar="تابعنا"
+                        <li><a href="https://www.facebook.com/eyeofhorussec" target="_blank" class="dropdown-item" data-ar="تابعنا"
                                 data-en="Follow Us">تابعنا</a>
                         </li>
                     </ul>
@@ -63,14 +62,6 @@
                 </div>
 
                 <div class="nav-controls-mobile d-lg-none mt-3">
-                    <div class="dropdown-theme-switch">
-                        <div class="dropdown-toggle-switch">
-                            <label class="dropdown-switch-label">
-                                <input type="checkbox" class="dropdown-checkbox" id="themeToggleMobile">
-                                <span class="dropdown-slider"></span>
-                            </label>
-                        </div>
-                    </div>
                     <div class="dropdown-lang-switch mt-2">
                         <button class="lang-btn active" data-lang="ar" data-ar="العربية"
                             data-en="Arabic">العربية</button>
@@ -80,14 +71,6 @@
             </div>
 
             <div class="nav-controls d-none d-lg-flex" id="nav-controls">
-                <div class="nav-switch">
-                    <div class="toggle-switch">
-                        <label class="switch-label">
-                            <input type="checkbox" class="checkbox" id="themeToggle">
-                            <span class="slider"></span>
-                        </label>
-                    </div>
-                </div>
                 <div class="nav-language">
                     <button class="lang-btn active" data-lang="ar">العربية</button>
                     <button class="lang-btn" data-lang="en">EN</button>
@@ -103,8 +86,6 @@
     </nav>
 
 
-
-
     <main class="main-content">
         <section id="home" class="hero-section">
             <div class="hero-background"></div>
@@ -170,7 +151,7 @@ <h2 class="section-title" data-ar="مشاريعنا الرئيسية" data-en="O
                                     <div class="icon-badge">
                                         <i class="fas fa-shield-alt"></i>
                                     </div>
-                                    <h2 class="project-title" data-en="Eoh Phishing Simulator"
+                                    <h2 class="project-title" data-en="EoH Phishing Simulator"
                                         data-ar="محاكي التصيد الاحتيالي">
                                         مكافح التصيد الاحتيالي
                                     </h2>
@@ -364,14 +345,16 @@ <h2 class="project-title" data-en="Horus Parent">
                                 </div>
 
                                 <p class="project-description"
-                                    data-en="Enhancing children's safety through connected monitoring..."
-                                    data-ar="تعزيز سلامة الأطفال من خلال المراقبة المتصلة...">
-                                    تعزيز سلامة الأطفال من خلال المراقبة المتصلة. يسمح لك حورس الوالد بتوجيه ومراقبة
+                                    data-en="Enhance your children's safety through connected monitoring. The Eye of Horus app allows you to guide and monitor digital activity in real time and build trust without any limitations."
+                                    data-ar="تعزيز سلامة الأطفال من خلال المراقبة المتصلة. يسمح لك تطبيق عين حورس بتوجيه ومراقبة
+                                    النشاط الرقمي في
+                                    الوقت الفعلي وبناء الثقة دون قيود كاملة.">
+                                    تعزيز سلامة الأطفال من خلال المراقبة المتصلة. يسمح لك تطبيق عين حورس بتوجيه ومراقبة
                                     النشاط الرقمي في
                                     الوقت الفعلي وبناء الثقة دون قيود كاملة.
                                 </p>
 
-                                <ul class="features-list">
+                                <ul class="feature-list">
                                     <li>
                                         <span class="bullet-point"></span>
                                         <span data-en="Real-time connected monitoring system"
@@ -420,8 +403,8 @@ <h2 class="project-title" data-en="QrHorus" data-ar="حورس QR">
                                     </h2>
                                 </div>
 
-                                <p class="project-description" data-en="Analyze QR codes instantly..."
-                                    data-ar="حلل رموز QR على الفور...">
+                                <p class="project-description" data-en="Instantly analyze QR codes to identify phishing, fraud, or malicious activity."
+                                    data-ar="حلل رموز QR على الفور لتحديد التصيد الاحتيالي والاحتيال أو النشاط الضار.">
                                     حلل رموز QR على الفور لتحديد التصيد الاحتيالي والاحتيال أو النشاط الضار.
                                 </p>
 
@@ -434,7 +417,7 @@ <h4 class="feature-box-title">
                                                 تحليل فوري
                                             </span>
                                         </h4>
-                                        <p class="feature-box-desc" data-en="Detailed risk assessment..."
+                                        <p class="feature-box-desc" data-en="A detailed risk assessment for each scanned QR code."
                                             data-ar="تقييم المخاطر المفصل لكل رمز تم مسحه.">
                                             تقييم المخاطر المفصل لكل رمز تم مسحه.
                                         </p>
@@ -447,7 +430,7 @@ <h4 class="feature-box-title">
                                                 منع الاحتيال
                                             </span>
                                         </h4>
-                                        <p class="feature-box-desc" data-en="Blocks malicious redirections..."
+                                        <p class="feature-box-desc" data-en="It blocks malicious redirects and potential data theft."
                                             data-ar="يحجب عمليات إعادة التوجيه الضارة وسرقة البيانات المحتملة.">
                                             يحجب عمليات إعادة التوجيه الضارة وسرقة البيانات المحتملة.
                                         </p>
@@ -486,75 +469,74 @@ <h4 class="feature-box-title">
                 </div>
 
 
-                <div class="values-section">
-                    <!-- Timeline + Tips Section -->
-                    <section class="tips-timeline-section">
-                        <div class="container">
-                            <h2 class="section-title">
-                                <h3 class="values-title" data-ar="قيمنا الأساسية" data-en="Our Core Values">قيمنا
-                                    الأساسية</h3>
-                            </h2>
-
-                            <div class="tips-grid-timeline">
-
-                                <!-- Tip Card 1 -->
-                                <div class="tip-timeline right scroll-element">
-                                    <div class="right">
-                                        <i class="fa-solid fa-lightbulb"></i>
-                                    </div>
-                                    <h3 data-ar="التعليم" data-en="Education">التعليم</h3>
-                                    <p data-ar="نحرص على توعية الجميع بأساسيات الأمان الإلكتروني وحماية بياناتهم من محاولات التصيد والاختراق"
-                                        data-en="We focus on educating everyone about the fundamentals of online security and protecting their data from phishing and hacking attempts">
-                                        نحرص على توعية الجميع بأساسيات الأمان الإلكتروني وحماية بياناتهم من محاولات
-                                        التصيد
-                                        والاختراق</p>
-                                </div>
-
-                                <!-- Tip Card 2 -->
-                                <div class="tip-timeline left scroll-element">
-                                    <div class="left">
-                                        <i class="fas fa-shield"></i>
-                                    </div>
-                                    <h3 data-ar="الحماية" data-en="Protection">الحماية</h3>
-                                    <p data-ar="نقدم نصائح عملية لحماية حساباتك وبياناتك من الاختراق ومحاولات التصيد الإلكتروني"
-                                        data-en="We provide practical tips to safeguard your accounts and data from hacking and phishing attempts">
-                                        نقدم نصائح عملية لحماية حساباتك وبياناتك من الاختراق ومحاولات التصيد الإلكتروني
-                                    </p>
-                                </div>
-                                <!-- Tip Card 3 -->
-                                <div class="tip-timeline right scroll-element">
-                                    <div class="right">
-                                        <i class="fas fa-handshake"></i>
-                                    </div>
-                                    <h3 data-ar="الموثوقية" data-en="Reliability">الموثوقية</h3>
-                                    <p data-ar="نلتزم بتقديم محتوى وخدمات موثوقة وآمنة، مع التركيز على حماية بيانات المستخدمين وبناء ثقة دائمة معهم"
-                                        data-en="We are committed to providing reliable and secure content and services, focusing on protecting users' data and building lasting trust through the highest standards of security and credibility">
-                                        نلتزم بتقديم محتوى وخدمات موثوقة وآمنة، مع التركيز على حماية بيانات المستخدمين
-                                        وبناء
-                                        ثقة دائمة معهم</p>
-                                </div>
-
-                                <!-- Tip Card 4 -->
-                                <div class="tip-timeline left scroll-element">
-                                    <div class="left">
-                                        <i class="fa-solid fa-lock"></i>
-                                    </div>
-                                    <h3 data-ar="التوعية المستمرة" data-en="Continuous Security Awareness">التوعية
-                                        المستمرة
-                                    </h3>
-                                    <p data-ar="نشارك المستخدمين باستمرار نصائح وأحدث طرق الحماية الرقمية، ونقدم لهم أمثلة عملية وتحذيرات دورية تساعدهم على اكتشاف أي نشاط مشبوه قبل الوقوع في الخطر.
-    " data-en="We continuously share tips and the latest digital protection methods with our users, providing practical examples and regular alerts to help them detect any suspicious activity before it becomes a threat.">
-                                        نشارك المستخدمين باستمرار نصائح وأحدث طرق الحماية الرقمية، ونقدم لهم أمثلة عملية
-                                        وتحذيرات دورية تساعدهم على اكتشاف أي نشاط مشبوه قبل الوقوع في الخطر
-                                    </p>
-                                </div>
-
-
-
-                            </div>
-                        </div>
-                    </section>
-                </div>
+<h2 class="section-title">
+    <h3 class="values-title" data-ar="قيمنا الأساسية" data-en="Our Core Values">قيمنا الأساسية</h3>
+</h2>
+
+<div class="timeline-wrapper">
+  <div class="timeline-line"></div>
+
+  <!-- الصف الأول -->
+  <div class="timeline-row scroll-element">
+    <div class="empty"></div>
+    <div class="timeline-dot"><div class="dot"></div></div>
+    <div class="tl-card" style="animation-delay: 0.1s">
+      <span class="tl-arrow-left"></span>
+      <h3 data-ar="التعليم" data-en="Education">التعليم</h3>
+      <p data-ar="نحرص على توعية الجميع بأساسيات الأمان الإلكتروني وحماية بياناتهم من محاولات التصيد والاختراق"
+         data-en="We are committed to raising awareness about the basics of cybersecurity and protecting users' data from phishing and hacking attempts.">
+        نحرص على توعية الجميع بأساسيات الأمان الإلكتروني وحماية بياناتهم من محاولات التصيد والاختراق
+      </p>
+      <div class="tl-num">01</div>
+    </div>
+  </div>
+
+  <!-- الصف الثاني -->
+  <div class="timeline-row scroll-element">
+    <div class="tl-card" style="animation-delay: 0.3s">
+      <span class="tl-arrow-right"></span>
+      <h3 data-ar="الحماية" data-en="Protection">الحماية</h3>
+      <p data-ar="نقدم نصائح عملية لحماية حساباتك وبياناتك من الاختراق ومحاولات التصيد الإلكتروني"
+         data-en="We provide practical tips to protect your accounts and data from hacking and electronic phishing attempts.">
+        نقدم نصائح عملية لحماية حساباتك وبياناتك من الاختراق ومحاولات التصيد الإلكتروني
+      </p>
+      <div class="tl-num">02</div>
+    </div>
+    <div class="timeline-dot"><div class="dot"></div></div>
+    <div class="empty"></div>
+  </div>
+
+  <!-- الصف الثالث -->
+  <div class="timeline-row scroll-element">
+    <div class="empty"></div>
+    <div class="timeline-dot"><div class="dot"></div></div>
+    <div class="tl-card" style="animation-delay: 0.5s">
+      <span class="tl-arrow-left"></span>
+      <h3 data-ar="الموثوقية" data-en="Reliability">الموثوقية</h3>
+      <p data-ar="نلتزم بتقديم محتوى وخدمات موثوقة وآمنة، مع التركيز على حماية بيانات المستخدمين وبناء ثقة دائمة معهم"
+         data-en="We are committed to providing reliable and secure content and services, focusing on protecting user data and building lasting trust with our users.">
+        نلتزم بتقديم محتوى وخدمات موثوقة وآمنة، مع التركيز على حماية بيانات المستخدمين وبناء ثقة دائمة معهم
+      </p>
+      <div class="tl-num">03</div>
+    </div>
+  </div>
+
+  <!-- الصف الرابع -->
+  <div class="timeline-row scroll-element">
+    <div class="tl-card" style="animation-delay: 0.7s">
+      <span class="tl-arrow-right"></span>
+      <h3 data-ar="التوعية المستمرة" data-en="Continuous Awareness">التوعية المستمرة</h3>
+      <p data-ar="نشارك المستخدمين باستمرار نصائح وأحدث طرق الحماية الرقمية، ونقدم لهم أمثلة عملية وتحذيرات دورية تساعدهم على اكتشاف أي نشاط مشبوه قبل الوقوع في الخطر"
+         data-en="We continuously share tips and the latest digital protection methods with users, providing them with practical examples and periodic warnings to help them detect any suspicious activity before falling into danger.">
+        نشارك المستخدمين باستمرار نصائح وأحدث طرق الحماية الرقمية، ونقدم لهم أمثلة عملية وتحذيرات دورية تساعدهم على اكتشاف أي نشاط مشبوه قبل الوقوع في الخطر
+      </p>
+      <div class="tl-num">04</div>
+    </div>
+    <div class="timeline-dot"><div class="dot"></div></div>
+    <div class="empty"></div>
+  </div>
+
+</div>
         </section>
 
         <section class="main-section">
@@ -639,7 +621,6 @@ <h3 data-ar="التوعية المستمرة" data-en="Continuous Security Aware
             </div>
         </section>
 
-        <!-- translate the accordions  -->
 
         <section class="tips-section">
             <div class="container">
diff --git a/js/script.js b/js/script.js
index 34d6479..f618201 100644
--- a/js/script.js
+++ b/js/script.js
@@ -398,21 +398,20 @@ function switchToArabic() {
 
 function updatePageContent(lang) {
   const elements = document.querySelectorAll("[data-ar][data-en]")
-
   elements.forEach((el) => {
-    if (lang === "en") {
-      el.textContent = el.getAttribute("data-en")
-    } else {
-      el.textContent = el.getAttribute("data-ar")
+    const text = lang === "en"
+      ? el.getAttribute("data-en")
+      : el.getAttribute("data-ar")
+    if (el.tagName === "INPUT" || el.tagName === "TEXTAREA") {
+      el.placeholder = text
+    } 
+    else if (el.tagName === "OPTION") {
+      el.textContent = text
+    }
+    else {
+      el.textContent = text
     }
   })
-
-  // Special handling for html/body attributes
-  if (lang === "en") {
-    document.body.style.direction = "ltr"
-  } else {
-    document.body.style.direction = "rtl"
-  }
 }
 
 function updateLanguageButtons(lang) {
diff --git a/pages/assistant.html b/pages/assistant.html
index 9778ed3..8a22ee0 100644
--- a/pages/assistant.html
+++ b/pages/assistant.html
@@ -39,7 +39,7 @@
                     <ul class="dropdown-menu text-center" aria-labelledby="dropdownMenuLink">
                         <li><a href="report.html" class="dropdown-item" data-ar="الإبلاغ عن موقع" data-en="Report Site">الإبلاغ عن موقع</a></li>
                         <li><a href="blog.html" class="dropdown-item" data-ar="المدونة" data-en="Blog">المدونة</a></li>
-                        <li><a href="https://www.facebook.com/eyeofhorussec" class="dropdown-item" data-ar="تابعنا" data-en="Follow Us">تابعنا</a></li>
+                        <li><a href="https://www.facebook.com/eyeofhorussec" target="_blank" class="dropdown-item" data-ar="تابعنا" data-en="Follow Us">تابعنا</a></li>
                     </ul>
                 </div>
     
@@ -50,14 +50,6 @@
                 </div>
     
                 <div class="nav-controls-mobile d-lg-none mt-3">
-                    <div class="dropdown-theme-switch">
-                        <div class="dropdown-toggle-switch">
-                            <label class="dropdown-switch-label">
-                                <input type="checkbox" class="dropdown-checkbox" id="themeToggleMobile">
-                                <span class="dropdown-slider"></span>
-                            </label>
-                        </div>
-                    </div>
                     <div class="dropdown-lang-switch mt-2">
                         <button class="lang-btn active" data-lang="ar" data-ar="العربية" data-en="Arabic">العربية</button>
                         <button class="lang-btn" data-lang="en" data-ar="English" data-en="English">English</button>
@@ -66,14 +58,6 @@
             </div>
     
             <div class="nav-controls d-none d-lg-flex" id="nav-controls">
-                <div class="nav-switch">
-                    <div class="toggle-switch">
-                        <label class="switch-label">
-                            <input type="checkbox" class="checkbox" id="themeToggle">
-                            <span class="slider"></span>
-                        </label>
-                    </div>
-                </div>
                 <div class="nav-language">
                     <button class="lang-btn active" data-lang="ar">العربية</button>
                     <button class="lang-btn" data-lang="en">EN</button>
diff --git a/pages/blog.html b/pages/blog.html
index 653e82c..4c8be08 100644
--- a/pages/blog.html
+++ b/pages/blog.html
@@ -1,21 +1,24 @@
 <!DOCTYPE html>
 <html lang="ar" dir="rtl">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>EoH Security - المدونة</title>
-    
+
     <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/3.0.0/uicons-bold-rounded/css/uicons-bold-rounded.css'>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="icon" href="../img/logo.png" type="image/x-icon" />
     <link rel="stylesheet" href="../css/bootstrap.css">
     <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap"
+        rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <link rel="stylesheet" href="../css/style.css">
     <link rel="stylesheet" href="../css/styles.css">
 </head>
+
 <body>
     <nav class="navbar">
         <div class="nav-container justify-content-between">
@@ -23,13 +26,16 @@
                 <img src="../img/logo.png" class="img-fluid mainlogo" alt="Logo">
                 <span class="brand-text">EoH Security</span>
             </div>
-    
+
             <div class="nav-menu" id="nav-menu">
                 <a href="../index.html" class="nav-link" data-ar="الرئيسية" data-en="Home">الرئيسية</a>
-                <a href="assistant.html" class="nav-link" data-ar="المساعد الذكي" data-en="Horus Assistant">المساعد الذكي</a>
-                <a href="simulator.html" class="nav-link" data-ar="اختبار محاكاة" data-en="Phishing Simulator">اختبار محاكاة</a>
-                <a href="extension.html" class="nav-link" data-ar="إضافة المتصفح" data-en="Browser Extension">إضافة المتصفح</a>
-    
+                <a href="assistant.html" class="nav-link" data-ar="المساعد الذكي" data-en="Horus Assistant">المساعد
+                    الذكي</a>
+                <a href="simulator.html" class="nav-link" data-ar="اختبار محاكاة" data-en="Phishing Simulator">اختبار
+                    محاكاة</a>
+                <a href="extension.html" class="nav-link" data-ar="إضافة المتصفح" data-en="Browser Extension">إضافة
+                    المتصفح</a>
+
                 <div class="dropdown d-none d-lg-block">
                     <a class="nav-link dropdown-toggle" href="#" id="dropdownMenuLink" role="button"
                         data-bs-toggle="dropdown" aria-expanded="false">
@@ -37,49 +43,39 @@
                             class="fas fa-chevron-down"></i>
                     </a>
                     <ul class="dropdown-menu text-center" aria-labelledby="dropdownMenuLink">
-                        <li><a href="report.html" class="dropdown-item" data-ar="الإبلاغ عن موقع" data-en="Report Site">الإبلاغ عن موقع</a></li>
-                        <li><a href="blog.html" class="dropdown-item active" data-ar="المدونة" data-en="Blog">المدونة</a></li>
-                        <li><a href="https://www.facebook.com/eyeofhorussec" class="dropdown-item" data-ar="تابعنا" data-en="Follow Us">تابعنا</a></li>
+                        <li><a href="report.html" class="dropdown-item" data-ar="الإبلاغ عن موقع"
+                                data-en="Report Site">الإبلاغ عن موقع</a></li>
+                        <li><a href="blog.html" class="dropdown-item active" data-ar="المدونة"
+                                data-en="Blog">المدونة</a></li>
+                        <li><a href="https://www.facebook.com/eyeofhorussec" target="_blank"  rel="noopener noreferrer" class="dropdown-item" data-ar="تابعنا"
+                                data-en="Follow Us">تابعنا</a></li>
                     </ul>
                 </div>
-    
+
                 <div class="mobile-more d-lg-none text-center">
-                    <a href="report.html" class="nav-link text-center" data-ar="الإبلاغ عن موقع" data-en="Report Site">الإبلاغ عن موقع</a>
+                    <a href="report.html" class="nav-link text-center" data-ar="الإبلاغ عن موقع"
+                        data-en="Report Site">الإبلاغ عن موقع</a>
                     <a href="blog.html" class="nav-link text-center" data-ar="المدونة" data-en="Blog">المدونة</a>
-                    <a href="https://www.facebook.com/eyeofhorussec" class="nav-link text-center" data-ar="تابعنا" data-en="Follow Us">تابعنا</a>
+                    <a href="https://www.facebook.com/eyeofhorussec" class="nav-link text-center" data-ar="تابعنا"
+                        data-en="Follow Us">تابعنا</a>
                 </div>
-    
+
                 <div class="nav-controls-mobile d-lg-none mt-3">
-                    <div class="dropdown-theme-switch">
-                        <div class="dropdown-toggle-switch">
-                            <label class="dropdown-switch-label">
-                                <input type="checkbox" class="dropdown-checkbox" id="themeToggleMobile">
-                                <span class="dropdown-slider"></span>
-                            </label>
-                        </div>
-                    </div>
                     <div class="dropdown-lang-switch mt-2">
-                        <button class="lang-btn active" data-lang="ar" data-ar="العربية" data-en="Arabic">العربية</button>
+                        <button class="lang-btn active" data-lang="ar" data-ar="العربية"
+                            data-en="Arabic">العربية</button>
                         <button class="lang-btn" data-lang="en" data-ar="English" data-en="English">English</button>
                     </div>
                 </div>
             </div>
-    
+
             <div class="nav-controls d-none d-lg-flex" id="nav-controls">
-                <div class="nav-switch">
-                    <div class="toggle-switch">
-                        <label class="switch-label">
-                            <input type="checkbox" class="checkbox" id="themeToggle">
-                            <span class="slider"></span>
-                        </label>
-                    </div>
-                </div>
                 <div class="nav-language">
                     <button class="lang-btn active" data-lang="ar">العربية</button>
                     <button class="lang-btn" data-lang="en">EN</button>
                 </div>
             </div>
-    
+
             <div class="nav-toggle" id="nav-toggle">
                 <span class="bar"></span>
                 <span class="bar"></span>
@@ -89,287 +85,346 @@
     </nav>
 
     <main class="main-content">
-<section class="hero-section" style="padding: 60px 0;">
-    <div class="container">
+        <section class="hero-section" style="padding: 60px 0;">
+            <div class="container">
                 <div class="hero-content">
-        <h1 class="hero-title">
-            <i class="fas fa-blog"></i>
-            <span data-ar="مدونة الأمان الرقمي" data-en="Digital Security Blog">
-                مدونة الأمان الرقمي
-            </span>
-        </h1>
-            <p class="hero-description" data-ar="شارك تجاربك مع التصيد الإلكتروني وحذر الآخرين من التهديدات الجديدة" data-en="Share your phishing experiences and warn others about new threats">
-                شارك تجاربك مع التصيد الإلكتروني وحذر الآخرين من التهديدات الجديدة
-            </p>
-        </div>
-    </div>
-</section>
-
-
-      <section class="main-section mt-4">
-    <div class="container">
-        <div class="row">
-            <div class="col-lg-4 col-md-12 mb-4">
-                <div class="card shadow-sm">
-                    <div class="card-body">
-                        <h5 class="card-title" style="display:flex; align-items:center; gap:15px;" data-ar="شارك تجربتك" data-en="Share Your Experience">
-                            شارك تجربتك
-                        </h5>
-                        <form id="newPostForm" class="form-content">
-                            <div class="mb-3">
-                                <label for="postTitle" class="form-label" data-ar="عنوان المنشور" data-en="Post Title">عنوان المنشور</label>
-                                <input type="text" class="form-control" id="postTitle" required>
-                            </div>
-                            
-                            <div class="mb-3">
-                                <label for="postCategory" class="form-label" data-ar="نوع التهديد" data-en="Threat Type">نوع التهديد</label>
-                                <select class="form-select text-center" id="postCategory" required>
-                                    <option value="" data-ar="اختر النوع" data-en="Choose Type">اختر النوع</option>
-                                    <option value="email" data-ar="رسائل إيميل مزيفة" data-en="Fake Emails">رسائل إيميل مزيفة</option>
-                                    <option value="sms" data-ar="رسائل نصية احتيالية" data-en="Fraudulent SMS">رسائل نصية احتيالية</option>
-                                    <option value="social" data-ar="منشورات مواقع التواصل" data-en="Social Media Posts">منشورات مواقع التواصل</option>
-                                    <option value="website" data-ar="مواقع مزيفة" data-en="Fake Websites">مواقع مزيفة</option>
-                                    <option value="app" data-ar="تطبيقات مشبوهة" data-en="Suspicious Apps">تطبيقات مشبوهة</option>
-                                    <option value="other" data-ar="أخرى" data-en="Other">أخرى</option>
-                                </select>
-                            </div>
-                            
-                            <div class="mb-3">
-                                <label for="postContent" class="form-label" data-ar="المحتوى" data-en="Content">المحتوى</label>
-                                <textarea class="form-control" id="postContent" rows="4" 
-                                    placeholder="اكتب تجربتك أو التحذير الذي تريد مشاركته..." data-ar="اكتب تجربتك أو التحذير الذي تريد مشاركته..." data-en="Write your experience or warning you want to share..." required></textarea>
-                            </div>
-                            
-                            <div class="mb-3">
-                                <label for="postUrl" class="form-label" data-ar="الرابط المشبوه (اختياري)" data-en="Suspicious Link (Optional)">الرابط المشبوه (اختياري)</label>
-                                <input type="url" class="form-control" id="postUrl" 
-                                    placeholder="https://example.com">
-                                <div class="form-text" data-ar="سيتم عرضه بشكل آمن للتحذير" data-en="It will be displayed safely as a warning">سيتم عرضه بشكل آمن للتحذير</div>
-                            </div>
-                            
-                            <div class="d-grid">
-                                <button type="submit" class="btn btn-primary">
-                                    <i class="fas fa-paper-plane"></i>
-                                    <span data-ar="نشر التحذير" data-en="Post Warning">نشر التحذير</span>
-                                </button>
-                            </div>
-                        </form>
-                    </div>
+                    <h1 class="hero-title">
+                        <i class="fas fa-blog"></i>
+                        <span data-ar="مدونة الأمان الرقمي" data-en="Digital Security Blog">
+                            مدونة الأمان الرقمي
+                        </span>
+                    </h1>
+                    <p class="hero-description"
+                        data-ar="شارك تجاربك مع التصيد الإلكتروني وحذر الآخرين من التهديدات الجديدة"
+                        data-en="Share your phishing experiences and warn others about new threats">
+                        شارك تجاربك مع التصيد الإلكتروني وحذر الآخرين من التهديدات الجديدة
+                    </p>
                 </div>
             </div>
+        </section>
 
-            <div class="col-lg-8 col-md-12" >
-                <div class="d-flex justify-content-between align-items-center mb-4">
-                    <h3 data-ar="آخر التحذيرات والتجارب" data-en="Latest Warnings and Experiences">آخر التحذيرات والتجارب</h3>
-                    <div class="btn-group" role="group">
-                        <button type="button" class="btn btn-outline-primary active" data-filter="all" data-ar="الكل" data-en="All">الكل</button>
-                        <button type="button" class="btn btn-outline-primary" data-filter="email" data-ar="إيميل" data-en="Email">إيميل</button>
-                        <button type="button" class="btn btn-outline-primary" data-filter="sms" data-ar="SMS" data-en="SMS">SMS</button>
-                        <button type="button" class="btn btn-outline-primary" data-filter="social" data-ar="اجتماعي" data-en="Social">اجتماعي</button>
-                        <button type="button" class="btn btn-outline-primary" data-filter="website" data-ar="مواقع" data-en="Websites">مواقع</button>
-                    </div>
-                </div>
 
-                <div id="postsContainer">
-                    <div class="card shadow-sm mb-4 post-item" data-category="email">
-                        <div class="card-body">
-                            <div class="d-flex justify-content-between align-items-start mb-3">
-                                <div class="d-flex align-items-center gap-2">
-                                    <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
-                                        <i class="fas fa-user"></i>
+        <section class="main-section mt-4">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-4 col-md-12 mb-4">
+                        <div class="card shadow-sm">
+                            <div class="card-body">
+                                <h5 class="card-title" style="display:flex; align-items:center; gap:15px;"
+                                    data-ar="شارك تجربتك" data-en="Share Your Experience">
+                                    شارك تجربتك
+                                </h5>
+                                <form id="newPostForm" class="form-content">
+                                    <div class="mb-3">
+                                        <label for="postTitle" class="form-label" data-ar="عنوان المنشور"
+                                            data-en="Post Title">عنوان المنشور</label>
+                                        <input type="text" class="form-control" id="postTitle" required>
                                     </div>
-                                    <div>
-                                        <h6 class="mb-0" data-ar="أحمد محمد" data-en="Ahmed Mohamed">أحمد محمد</h6>
-                                        <small class="text-muted" data-ar="منذ ساعتين" data-en="2 hours ago">منذ ساعتين</small>
+
+                                    <div class="mb-3">
+                                        <label for="postCategory" class="form-label" data-ar="نوع التهديد"
+                                            data-en="Threat Type">نوع التهديد</label>
+                                        <select class="form-select text-center" id="postCategory" required>
+                                            <option value="" data-ar="اختر النوع" data-en="Choose Type">اختر النوع
+                                            </option>
+                                            <option value="email" data-ar="رسائل إيميل مزيفة" data-en="Fake Emails">
+                                                رسائل إيميل مزيفة</option>
+                                            <option value="sms" data-ar="رسائل نصية احتيالية" data-en="Fraudulent SMS">
+                                                رسائل نصية احتيالية</option>
+                                            <option value="social" data-ar="منشورات مواقع التواصل"
+                                                data-en="Social Media Posts">منشورات مواقع التواصل</option>
+                                            <option value="website" data-ar="مواقع مزيفة" data-en="Fake Websites">مواقع
+                                                مزيفة</option>
+                                            <option value="app" data-ar="تطبيقات مشبوهة" data-en="Suspicious Apps">
+                                                تطبيقات مشبوهة</option>
+                                            <option value="other" data-ar="أخرى" data-en="Other">أخرى</option>
+                                        </select>
                                     </div>
-                                </div>
-                                <span class="badge bg-danger" data-ar="رسائل إيميل مزيفة" data-en="Fake Emails">رسائل إيميل مزيفة</span>
-                            </div>
-                            
-                            <h5 class="card-title" data-ar="تحذير: رسائل مزيفة باسم البنك الأهلي المصري" data-en="Warning: Fake messages in the name of National Bank of Egypt">تحذير: رسائل مزيفة باسم البنك الأهلي المصري</h5>
-                            <p class="card-text" data-ar="وصلتني رسالة إيميل تدعي أنها من البنك الأهلي تطلب تحديث بيانات الحساب. الرسالة تحتوي على أخطاء إملائية واضحة والرابط يؤدي إلى موقع مشبوه. انتبهوا من هذا النوع من الرسائل!" data-en="I received an email claiming to be from the National Bank requesting account information update. The message contains clear spelling errors and the link leads to a suspicious site. Beware of this type of messages!">
-                                وصلتني رسالة إيميل تدعي أنها من البنك الأهلي تطلب تحديث بيانات الحساب. 
-                                الرسالة تحتوي على أخطاء إملائية واضحة والرابط يؤدي إلى موقع مشبوه. 
-                                انتبهوا من هذا النوع من الرسائل!
-                            </p>
-                            
-                            <div class="alert alert-warning small">
-                                <i class="fas fa-exclamation-triangle"></i>
-                                <strong data-ar="الرابط المشبوه:" data-en="Suspicious Link:">الرابط المشبوه:</strong> nbe-update-account[.]net
-                            </div>
-                            
-                            <div class="d-flex justify-content-between align-items-center">
-                                <div class="btn-group btn-group-sm">
-                                    <button class="btn btn-outline-success" style="outline: 2px solid rgb(88, 186, 110);">
-                                        <i class="fas fa-thumbs-up"></i> <span data-ar="مفيد (12)" data-en="Helpful (12)">مفيد (12)</span>
-                                    </button>
-                                    <button class="btn btn-outline-primary" style="margin-right:10px;">
-                                        <i class="fas fa-share"></i> <span data-ar="مشاركة" data-en="Share">مشاركة</span>
-                                    </button>
-                                </div>
-                                <small class="text-muted">
-                                    <i class="fas fa-eye"></i> <span data-ar="156 مشاهدة" data-en="156 views">156 مشاهدة</span>
-                                </small>
+
+                                    <div class="mb-3">
+                                        <label for="postContent" class="form-label" data-ar="المحتوى"
+                                            data-en="Content">المحتوى</label>
+                                        <textarea class="form-control" id="postContent" rows="4"
+                                            placeholder="اكتب تجربتك أو التحذير الذي تريد مشاركته..."
+                                            data-ar="اكتب تجربتك أو التحذير الذي تريد مشاركته..."
+                                            data-en="Write your experience or warning you want to share..."
+                                            required></textarea>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="postUrl" class="form-label" data-ar="الرابط المشبوه (اختياري)"
+                                            data-en="Suspicious Link (Optional)">الرابط المشبوه (اختياري)</label>
+                                        <input type="url" class="form-control" id="postUrl"
+                                            placeholder="https://example.com">
+                                        <div class="form-text" data-ar="سيتم عرضه بشكل آمن للتحذير"
+                                            data-en="It will be displayed safely as a warning">سيتم عرضه بشكل آمن
+                                            للتحذير</div>
+                                    </div>
+
+                                    <div class="d-grid">
+                                        <button type="submit" class="btn btn-primary">
+                                            <i class="fas fa-paper-plane"></i>
+                                            <span data-ar="نشر التحذير" data-en="Post Warning">نشر التحذير</span>
+                                        </button>
+                                    </div>
+                                </form>
                             </div>
                         </div>
                     </div>
 
-                    <div class="card shadow-sm mb-4 post-item" data-category="sms">
-                        <div class="card-body">
-                            <div class="d-flex justify-content-between align-items-start mb-3">
-                                <div class="d-flex align-items-center gap-2">
-                                    <div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
-                                        <i class="fas fa-user"></i>
+                    <div class="col-lg-8 col-md-12">
+                        <div id="postsContainer">
+                            <div class="card shadow-sm mb-4 post-item" data-category="email">
+                                <div class="card-body">
+                                    <div class="d-flex justify-content-between align-items-start mb-3">
+                                        <div class="d-flex align-items-center gap-2">
+                                            <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center"
+                                                style="width: 40px; height: 40px;">
+                                                <i class="fas fa-user"></i>
+                                            </div>
+                                            <div>
+                                                <h6 class="mb-0" data-ar="أحمد محمد" data-en="Ahmed Mohamed">أحمد محمد
+                                                </h6>
+                                                <small class="text-muted" data-ar="منذ ساعتين" data-en="2 hours ago">منذ
+                                                    ساعتين</small>
+                                            </div>
+                                        </div>
+                                        <span class="badge bg-danger text-white" data-ar="رسائل إيميل مزيفة"
+                                            data-en="Fake Emails">رسائل إيميل مزيفة</span>
                                     </div>
-                                    <div>
-                                        <h6 class="mb-0" data-ar="فاطمة علي" data-en="Fatima Ali">فاطمة علي</h6>
-                                        <small class="text-muted" data-ar="منذ 4 ساعات" data-en="4 hours ago">منذ 4 ساعات</small>
+
+                                    <h5 class="card-title" data-ar="تحذير: رسائل مزيفة باسم البنك الأهلي المصري"
+                                        data-en="Warning: Fake messages in the name of National Bank of Egypt">تحذير:
+                                        رسائل مزيفة باسم البنك الأهلي المصري</h5>
+                                    <p class="card-text"
+                                        data-ar="وصلتني رسالة إيميل تدعي أنها من البنك الأهلي تطلب تحديث بيانات الحساب. الرسالة تحتوي على أخطاء إملائية واضحة والرابط يؤدي إلى موقع مشبوه. انتبهوا من هذا النوع من الرسائل!"
+                                        data-en="I received an email claiming to be from the National Bank requesting account information update. The message contains clear spelling errors and the link leads to a suspicious site. Beware of this type of messages!">
+                                        وصلتني رسالة إيميل تدعي أنها من البنك الأهلي تطلب تحديث بيانات الحساب.
+                                        الرسالة تحتوي على أخطاء إملائية واضحة والرابط يؤدي إلى موقع مشبوه.
+                                        انتبهوا من هذا النوع من الرسائل!
+                                    </p>
+
+                                    <div class="alert alert-warning small">
+                                        <i class="fas fa-exclamation-triangle"></i>
+                                        <strong data-ar="الرابط المشبوه:" data-en="Suspicious Link:">الرابط
+                                            المشبوه:</strong> nbe-update-account[.]net
+                                    </div>
+
+                                    <div class="d-flex justify-content-between align-items-center">
+                                        <div class="btn-group btn-group-sm">
+                                            <button class="btn btn-outline-success"
+                                                style="outline: 2px solid rgb(88, 186, 110);">
+                                                <i class="fas fa-thumbs-up"></i> <span data-ar="مفيد (12)"
+                                                    data-en="Helpful (12)">مفيد (12)</span>
+                                            </button>
+                                            <button class="btn btn-outline-primary" style="margin-right:10px;">
+                                                <i class="fas fa-share"></i> <span data-ar="مشاركة"
+                                                    data-en="Share">مشاركة</span>
+                                            </button>
+                                        </div>
+                                        <small class="text-muted">
+                                            <i class="fas fa-eye"></i> <span data-ar="156 مشاهدة"
+                                                data-en="156 views">156 مشاهدة</span>
+                                        </small>
                                     </div>
                                 </div>
-                                <span class="badge bg-warning" data-ar="رسائل نصية احتيالية" data-en="Fraudulent SMS">رسائل نصية احتيالية</span>
-                            </div>
-                            
-                            <h5 class="card-title" data-ar="رسائل مزيفة باسم فودافون تطلب تحديث البيانات" data-en="Fake messages in the name of Vodafone requesting data update">رسائل مزيفة باسم فودافون تطلب تحديث البيانات</h5>
-                            <p class="card-text" data-ar="وصلتني رسالة نصية تدعي أنها من فودافون تقول أن خطي سيتم إيقافه إذا لم أضغط على الرابط لتحديث البيانات. اتصلت بخدمة العملاء وأكدوا أنها رسالة احتيالية." data-en="I received a text message claiming to be from Vodafone saying that my line will be suspended if I don't click the link to update my data. I called customer service and they confirmed it's a fraudulent message.">
-                                وصلتني رسالة نصية تدعي أنها من فودافون تقول أن خطي سيتم إيقافه إذا لم أضغط على الرابط لتحديث البيانات. 
-                                اتصلت بخدمة العملاء وأكدوا أنها رسالة احتيالية.
-                            </p>
-                            
-                            <div class="bg-light p-3 rounded mb-3">
-                                <small class="text-black" data-ar="نص الرسالة المشبوهة:" data-en="Suspicious message text:">نص الرسالة المشبوهة:</small>
-                                <p class="mb-0 mt-1" data-ar="عزيزي العميل، خطك سيتم إيقافه خلال 24 ساعة. اضغط على الرابط لتحديث بياناتك: [رابط مشبوه]" data-en="Dear customer, your line will be suspended within 24 hours. Click the link to update your data: [suspicious link]">"عزيزي العميل، خطك سيتم إيقافه خلال 24 ساعة. اضغط على الرابط لتحديث بياناتك: [رابط مشبوه]"</p>
-                            </div>
-                            
-                            <div class="d-flex justify-content-between align-items-center">
-                                <div class="btn-group btn-group-sm">
-                                    <button class="btn btn-outline-success" style="outline: 2px solid rgb(88, 186, 110);">
-                                        <i class="fas fa-thumbs-up"></i> <span data-ar="مفيد (8)" data-en="Helpful (8)">مفيد (8)</span>
-                                    </button>
-                                    <button class="btn btn-outline-primary" style="margin-right:10px;">
-                                        <i class="fas fa-share"></i> <span data-ar="مشاركة" data-en="Share">مشاركة</span>
-                                    </button>
-                                </div>
-                                <small class="text-muted">
-                                    <i class="fas fa-eye"></i> <span data-ar="89 مشاهدة" data-en="89 views">89 مشاهدة</span>
-                                </small>
                             </div>
-                        </div>
-                    </div>
 
-                    <div class="card shadow-sm mb-4 post-item" data-category="social">
-                        <div class="card-body">
-                            <div class="d-flex justify-content-between align-items-start mb-3">
-                                <div class="d-flex align-items-center gap-2">
-                                    <div class="bg-info text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
-                                        <i class="fas fa-user"></i>
+                            <div class="card shadow-sm mb-4 post-item" data-category="sms">
+                                <div class="card-body">
+                                    <div class="d-flex justify-content-between align-items-start mb-3">
+                                        <div class="d-flex align-items-center gap-2">
+                                            <div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center"
+                                                style="width: 40px; height: 40px;">
+                                                <i class="fas fa-user"></i>
+                                            </div>
+                                            <div>
+                                                <h6 class="mb-0" data-ar="فاطمة علي" data-en="Fatima Ali">فاطمة علي</h6>
+                                                <small class="text-muted" data-ar="منذ 4 ساعات"
+                                                    data-en="4 hours ago">منذ 4 ساعات</small>
+                                            </div>
+                                        </div>
+                                        <span class="badge bg-warning text-white" data-ar="رسائل نصية احتيالية"
+                                            data-en="Fraudulent SMS">رسائل نصية احتيالية</span>
+                                    </div>
+
+                                    <h5 class="card-title" data-ar="رسائل مزيفة باسم فودافون تطلب تحديث البيانات"
+                                        data-en="Fake messages in the name of Vodafone requesting data update">رسائل
+                                        مزيفة باسم فودافون تطلب تحديث البيانات</h5>
+                                    <p class="card-text"
+                                        data-ar="وصلتني رسالة نصية تدعي أنها من فودافون تقول أن خطي سيتم إيقافه إذا لم أضغط على الرابط لتحديث البيانات. اتصلت بخدمة العملاء وأكدوا أنها رسالة احتيالية."
+                                        data-en="I received a text message claiming to be from Vodafone saying that my line will be suspended if I don't click the link to update my data. I called customer service and they confirmed it's a fraudulent message.">
+                                        وصلتني رسالة نصية تدعي أنها من فودافون تقول أن خطي سيتم إيقافه إذا لم أضغط على
+                                        الرابط لتحديث البيانات.
+                                        اتصلت بخدمة العملاء وأكدوا أنها رسالة احتيالية.
+                                    </p>
+
+                                    <div class="bg-light p-3 rounded mb-3">
+                                        <small class="text-black" data-ar="نص الرسالة المشبوهة:"
+                                            data-en="Suspicious message text:">نص الرسالة المشبوهة:</small>
+                                        <p class="mb-0 mt-1"
+                                            data-ar="عزيزي العميل، خطك سيتم إيقافه خلال 24 ساعة. اضغط على الرابط لتحديث بياناتك: [رابط مشبوه]"
+                                            data-en="Dear customer, your line will be suspended within 24 hours. Click the link to update your data: [suspicious link]">
+                                            "عزيزي العميل، خطك سيتم إيقافه خلال 24 ساعة. اضغط على الرابط لتحديث بياناتك:
+                                            [رابط مشبوه]"</p>
                                     </div>
-                                    <div>
-                                        <h6 class="mb-0" data-ar="محمد حسن" data-en="Mohamed Hassan">محمد حسن</h6>
-                                        <small class="text-muted" data-ar="منذ يوم واحد" data-en="1 day ago">منذ يوم واحد</small>
+
+                                    <div class="d-flex justify-content-between align-items-center">
+                                        <div class="btn-group btn-group-sm">
+                                            <button class="btn btn-outline-success"
+                                                style="outline: 2px solid rgb(88, 186, 110);">
+                                                <i class="fas fa-thumbs-up"></i> <span data-ar="مفيد (8)"
+                                                    data-en="Helpful (8)">مفيد (8)</span>
+                                            </button>
+                                            <button class="btn btn-outline-primary" style="margin-right:10px;">
+                                                <i class="fas fa-share"></i> <span data-ar="مشاركة"
+                                                    data-en="Share">مشاركة</span>
+                                            </button>
+                                        </div>
+                                        <small class="text-muted">
+                                            <i class="fas fa-eye"></i> <span data-ar="89 مشاهدة" data-en="89 views">89
+                                                مشاهدة</span>
+                                        </small>
                                     </div>
                                 </div>
-                                <span class="badge bg-info" data-ar="منشورات مواقع التواصل" data-en="Social Media Posts">منشورات مواقع التواصل</span>
-                            </div>
-                            
-                            <h5 class="card-title" data-ar="مسابقة مزيفة على فيسبوك تطلب معلومات شخصية" data-en="Fake Facebook contest requesting personal information">مسابقة مزيفة على فيسبوك تطلب معلومات شخصية</h5>
-                            <p class="card-text" data-ar="شاهدت منشور على فيسبوك يدعي أنه مسابقة من شركة سامسونج لربح هاتف جديد. المنشور يطلب ملء استمارة بالمعلومات الشخصية ورقم البطاقة الائتمانية للشحن. هذا نصب واضح!" data-en="I saw a post on Facebook claiming to be a Samsung contest to win a new phone. The post asks to fill out a form with personal information and credit card number for shipping. This is obvious fraud!">
-                                شاهدت منشور على فيسبوك يدعي أنه مسابقة من شركة سامسونج لربح هاتف جديد. 
-                                المنشور يطلب ملء استمارة بالمعلومات الشخصية ورقم البطاقة الائتمانية "للشحن". 
-                                هذا نصب واضح!
-                            </p>
-                            
-                            <div class="alert alert-danger small">
-                                <i class="fas fa-exclamation-circle"></i>
-                                <strong data-ar="تحذير:" data-en="Warning:">تحذير:</strong> <span data-ar="الشركات الحقيقية لا تطلب معلومات بنكية في المسابقات" data-en="Real companies don't request banking information in contests">الشركات الحقيقية لا تطلب معلومات بنكية في المسابقات</span>
                             </div>
-                            
-                            <div class="d-flex justify-content-between align-items-center">
-                                <div class="btn-group btn-group-sm">
-                                    <button class="btn btn-outline-success" style="outline: 2px solid rgb(88, 186, 110);">
-                                        <i class="fas fa-thumbs-up"></i> <span data-ar="مفيد (15)" data-en="Helpful (15)">مفيد (15)</span>
-                                    </button>
-                                    <button class="btn btn-outline-primary" style="margin-right:10px;">
-                                        <i class="fas fa-share"></i> <span data-ar="مشاركة" data-en="Share">مشاركة</span>
-                                    </button>
+
+                            <div class="card shadow-sm mb-4 post-item" data-category="social">
+                                <div class="card-body">
+                                    <div class="d-flex justify-content-between align-items-start mb-3">
+                                        <div class="d-flex align-items-center gap-2">
+                                            <div class="bg-info text-white rounded-circle d-flex align-items-center justify-content-center"
+                                                style="width: 40px; height: 40px;">
+                                                <i class="fas fa-user"></i>
+                                            </div>
+                                            <div>
+                                                <h6 class="mb-0" data-ar="محمد حسن" data-en="Mohamed Hassan">محمد حسن
+                                                </h6>
+                                                <small class="text-muted" data-ar="منذ يوم واحد" data-en="1 day ago">منذ
+                                                    يوم واحد</small>
+                                            </div>
+                                        </div>
+                                        <span class="badge bg-info text-white" data-ar="منشورات مواقع التواصل"
+                                            data-en="Social Media Posts">منشورات مواقع التواصل</span>
+                                    </div>
+
+                                    <h5 class="card-title" data-ar="مسابقة مزيفة على فيسبوك تطلب معلومات شخصية"
+                                        data-en="Fake Facebook contest requesting personal information">مسابقة مزيفة على
+                                        فيسبوك تطلب معلومات شخصية</h5>
+                                    <p class="card-text"
+                                        data-ar="شاهدت منشور على فيسبوك يدعي أنه مسابقة من شركة سامسونج لربح هاتف جديد. المنشور يطلب ملء استمارة بالمعلومات الشخصية ورقم البطاقة الائتمانية للشحن. هذا نصب واضح!"
+                                        data-en="I saw a post on Facebook claiming to be a Samsung contest to win a new phone. The post asks to fill out a form with personal information and credit card number for shipping. This is obvious fraud!">
+                                        شاهدت منشور على فيسبوك يدعي أنه مسابقة من شركة سامسونج لربح هاتف جديد.
+                                        المنشور يطلب ملء استمارة بالمعلومات الشخصية ورقم البطاقة الائتمانية "للشحن".
+                                        هذا نصب واضح!
+                                    </p>
+
+                                    <div class="alert alert-danger small">
+                                        <i class="fas fa-exclamation-circle"></i>
+                                        <strong data-ar="تحذير:" data-en="Warning:">تحذير:</strong> <span
+                                            data-ar="الشركات الحقيقية لا تطلب معلومات بنكية في المسابقات"
+                                            data-en="Real companies don't request banking information in contests">الشركات
+                                            الحقيقية لا تطلب معلومات بنكية في المسابقات</span>
+                                    </div>
+
+                                    <div class="d-flex justify-content-between align-items-center">
+                                        <div class="btn-group btn-group-sm">
+                                            <button class="btn btn-outline-success"
+                                                style="outline: 2px solid rgb(88, 186, 110);">
+                                                <i class="fas fa-thumbs-up"></i> <span data-ar="مفيد (15)"
+                                                    data-en="Helpful (15)">مفيد (15)</span>
+                                            </button>
+                                            <button class="btn btn-outline-primary" style="margin-right:10px;">
+                                                <i class="fas fa-share"></i> <span data-ar="مشاركة"
+                                                    data-en="Share">مشاركة</span>
+                                            </button>
+                                        </div>
+                                        <small class="text-muted">
+                                            <i class="fas fa-eye"></i> <span data-ar="203 مشاهدة"
+                                                data-en="203 views">203 مشاهدة</span>
+                                        </small>
+                                    </div>
                                 </div>
-                                <small class="text-muted">
-                                    <i class="fas fa-eye"></i> <span data-ar="203 مشاهدة" data-en="203 views">203 مشاهدة</span>
-                                </small>
                             </div>
                         </div>
-                    </div>
-                </div>
 
-                <div id="noPostsMessage" class="text-center py-5" style="display: none;">
-                    <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
-                    <h5 class="text-muted" data-ar="لا توجد منشورات في هذه الفئة" data-en="No posts in this category">لا توجد منشورات في هذه الفئة</h5>
-                    <p class="text-muted" data-ar="جرب فئة أخرى أو أضف منشور جديد" data-en="Try another category or add a new post">جرب فئة أخرى أو أضف منشور جديد</p>
+                        <div id="noPostsMessage" class="text-center py-5" style="display: none;">
+                            <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
+                            <h5 class="text-muted" data-ar="لا توجد منشورات في هذه الفئة"
+                                data-en="No posts in this category">لا توجد منشورات في هذه الفئة</h5>
+                            <p class="text-muted" data-ar="جرب فئة أخرى أو أضف منشور جديد"
+                                data-en="Try another category or add a new post">جرب فئة أخرى أو أضف منشور جديد</p>
+                        </div>
+                    </div>
                 </div>
             </div>
-        </div>
-    </div>
-</section>
-
-    <!-- Footer -->
-    <footer class="footer">
-        <div class="container">
-            <div class="footer-content scroll-element">
-                <div class="footer-section scroll-element">
-                    <div class="footer-logo">
-                        <img src="../img/1000392949.gif" class="img-fluid footerlogo" alt="Logo">
-                        <span data-ar="Eye of Horus Security" data-en="Eye of Horus Security">Eye of Horus
-                            Security</span>
+        </section>
+
+        <!-- Footer -->
+        <footer class="footer">
+            <div class="container">
+                <div class="footer-content scroll-element">
+                    <div class="footer-section scroll-element">
+                        <div class="footer-logo">
+                            <img src="../img/1000392949.gif" class="img-fluid footerlogo" alt="Logo">
+                            <span data-ar="Eye of Horus Security" data-en="Eye of Horus Security">Eye of Horus
+                                Security</span>
+                        </div>
+                        <p class="footer-description"
+                            data-ar="نحن نعمل على توعية المستخدمين وحمايتهم من التهديدات الرقمية ومحاولات التصيد الإلكتروني."
+                            data-en="We work to educate and protect users from digital threats and phishing attempts.">
+                            نحن
+                            نعمل على توعية المستخدمين وحمايتهم من التهديدات الرقمية ومحاولات التصيد الإلكتروني.</p>
                     </div>
-                    <p class="footer-description"
-                        data-ar="نحن نعمل على توعية المستخدمين وحمايتهم من التهديدات الرقمية ومحاولات التصيد الإلكتروني."
-                        data-en="We work to educate and protect users from digital threats and phishing attempts.">نحن
-                        نعمل على توعية المستخدمين وحمايتهم من التهديدات الرقمية ومحاولات التصيد الإلكتروني.</p>
-                </div>
-                <div class="footer-section scroll-element">
-                    <h4 class="footer-title" data-ar="روابط مفيدة" data-en="Useful Links">روابط مفيدة</h4>
-                    <ul class="footer-links">
-                        <li><a href="/" data-ar="الرئيسية" data-en="Home">الرئيسية</a></li>
-                        <li><a href="assistant.html" data-ar="المساعد الذكي" data-en="Horus Assistant">المساعد
-                                الذكي</a></li>
-                        <li><a href="simulator.html" data-ar="اختبار المحاكاة" data-en="Phishing Simulator">إختبار
-                                المحاكاة</a></li>
-                        <li><a href="extension.html" data-ar="إضافة المتصفح" data-en="Browser Extension">إضافة
-                                المتصفح</a></li>
-                        <li><a href="report.html" data-ar="الإبلاغ عن موقع" data-en="Report Site">الإبلاغ عن
-                                موقع</a></li>
-                        <li><a href="blog.html" data-ar="المدونة" data-en="Blog">المدونة</a></li>
-                    </ul>
-                </div>
-                <div class="footer-section scroll-element">
-                    <h4 class="footer-title" data-ar="الشروط والسياسات" data-en="Terms & Policies">الشروط والسياسات</h4>
-                    <ul class="footer-links">
-                        <li><a href="terms.html" data-ar="شروط الخدمة" data-en="Terms of Service">شروط الخدمة</a></li>
-                        <li><a href="privacy.html" data-ar="سياسة الخصوصية" data-en="Privacy Policy">
-                                سياسة الخصوصية</a></li>
+                    <div class="footer-section scroll-element">
+                        <h4 class="footer-title" data-ar="روابط مفيدة" data-en="Useful Links">روابط مفيدة</h4>
+                        <ul class="footer-links">
+                            <li><a href="/" data-ar="الرئيسية" data-en="Home">الرئيسية</a></li>
+                            <li><a href="assistant.html" data-ar="المساعد الذكي" data-en="Horus Assistant">المساعد
+                                    الذكي</a></li>
+                            <li><a href="simulator.html" data-ar="اختبار المحاكاة" data-en="Phishing Simulator">إختبار
+                                    المحاكاة</a></li>
+                            <li><a href="extension.html" data-ar="إضافة المتصفح" data-en="Browser Extension">إضافة
+                                    المتصفح</a></li>
+                            <li><a href="report.html" data-ar="الإبلاغ عن موقع" data-en="Report Site">الإبلاغ عن
+                                    موقع</a></li>
+                            <li><a href="blog.html" data-ar="المدونة" data-en="Blog">المدونة</a></li>
+                        </ul>
+                    </div>
+                    <div class="footer-section scroll-element">
+                        <h4 class="footer-title" data-ar="الشروط والسياسات" data-en="Terms & Policies">الشروط والسياسات
+                        </h4>
+                        <ul class="footer-links">
+                            <li><a href="terms.html" data-ar="شروط الخدمة" data-en="Terms of Service">شروط الخدمة</a>
+                            </li>
+                            <li><a href="privacy.html" data-ar="سياسة الخصوصية" data-en="Privacy Policy">
+                                    سياسة الخصوصية</a></li>
 
-                    </ul>
-                    <h4 class="footer-title mt-5" data-ar="تواصل معنا" data-en="Contact Us">تواصل معنا</h4>
-                    <div class="social-links">
-                        <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
-                        <a href="https://www.facebook.com/eyeofhorussec" class="social-link"><i
-                                class="fab fa-facebook"></i></a>
-                        <a href="#" class="social-link"><i class="fab fa-linkedin"></i></a>
-                        <a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
+                        </ul>
+                        <h4 class="footer-title mt-5" data-ar="تواصل معنا" data-en="Contact Us">تواصل معنا</h4>
+                        <div class="social-links">
+                            <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
+                            <a href="https://www.facebook.com/eyeofhorussec" class="social-link"><i
+                                    class="fab fa-facebook"></i></a>
+                            <a href="#" class="social-link"><i class="fab fa-linkedin"></i></a>
+                            <a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
+                        </div>
                     </div>
                 </div>
-            </div>
 
-            <div class="footer-bottom">
-                <p data-ar="&copy; 2026 Eye of Horus Team. جميع الحقوق محفوظة."
-                    data-en="&copy; 2026 Eye of Horus Team. All rights reserved.">&copy; 2026 Eye of Horus Team. جميع
-                    الحقوق محفوظة.</p>
+                <div class="footer-bottom">
+                    <p data-ar="&copy; 2026 Eye of Horus Team. جميع الحقوق محفوظة."
+                        data-en="&copy; 2026 Eye of Horus Team. All rights reserved.">&copy; 2026 Eye of Horus Team.
+                        جميع
+                        الحقوق محفوظة.</p>
+                </div>
             </div>
-        </div>
-    </footer>
+        </footer>
 
-    <script src="../js/script.js"></script>
-    <script src="../js/blog.js"></script>
-    <script src="js/animate-on-scroll.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+        <script src="../js/script.js"></script>
+        <script src="../js/blog.js"></script>
+        <script src="../js/animate-on-scroll.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/pages/extension.html b/pages/extension.html
index 265e570..04e93dc 100644
--- a/pages/extension.html
+++ b/pages/extension.html
@@ -39,7 +39,7 @@
                     <ul class="dropdown-menu text-center" aria-labelledby="dropdownMenuLink">
                         <li><a href="report.html" class="dropdown-item" data-ar="الإبلاغ عن موقع" data-en="Report Site">الإبلاغ عن موقع</a></li>
                         <li><a href="blog.html" class="dropdown-item" data-ar="المدونة" data-en="Blog">المدونة</a></li>
-                        <li><a href="https://www.facebook.com/eyeofhorussec" class="dropdown-item" data-ar="تابعنا" data-en="Follow Us">تابعنا</a></li>
+                        <li><a href="https://www.facebook.com/eyeofhorussec" target="_blank" class="dropdown-item" data-ar="تابعنا" data-en="Follow Us">تابعنا</a></li>
                     </ul>
                 </div>
     
@@ -50,14 +50,6 @@
                 </div>
     
                 <div class="nav-controls-mobile d-lg-none mt-3">
-                    <div class="dropdown-theme-switch">
-                        <div class="dropdown-toggle-switch">
-                            <label class="dropdown-switch-label">
-                                <input type="checkbox" class="dropdown-checkbox" id="themeToggleMobile">
-                                <span class="dropdown-slider"></span>
-                            </label>
-                        </div>
-                    </div>
                     <div class="dropdown-lang-switch mt-2">
                         <button class="lang-btn active" data-lang="ar" data-ar="العربية" data-en="Arabic">العربية</button>
                         <button class="lang-btn" data-lang="en" data-ar="English" data-en="English">English</button>
@@ -66,14 +58,6 @@
             </div>
     
             <div class="nav-controls d-none d-lg-flex" id="nav-controls">
-                <div class="nav-switch">
-                    <div class="toggle-switch">
-                        <label class="switch-label">
-                            <input type="checkbox" class="checkbox" id="themeToggle">
-                            <span class="slider"></span>
-                        </label>
-                    </div>
-                </div>
                 <div class="nav-language">
                     <button class="lang-btn active" data-lang="ar">العربية</button>
                     <button class="lang-btn" data-lang="en">EN</button>
@@ -117,12 +101,12 @@ <h4 data-ar="حماية من التتبع" data-en="Tracker Protection">حماي
                     <div class="feature-card scroll-element">
                         <i class="fas fa-bug"></i>
                         <h4 data-ar="كشف التصيد" data-en="Phishing Detection">كشف التصيد</h4>
-                        <p data-ar="تحديد ومنع المواقع المزيفة قبل أن تؤذيك" data-en="Identify and block fake sites before they harm you">تحديد ومنع المواقع المزيفة قبل أن تؤذيك</p>
+                        <p data-ar="تحديد المواقع المزيفة وتنبيهك قبل أن تؤذيك" data-en="Identifying fake websites and alerting you before they harm you">تحديد المواقع المزيفة وتنبيهك قبل أن تؤذيك</p>
                     </div>
                     <div class="feature-card scroll-element">
                         <i class="fas fa-sync"></i>
                         <h4 data-ar="تحديثات فورية" data-en="Real-time Updates">تحديثات فورية</h4>
-                        <p data-ar="تلقي تحديثات حول التهديدات وهي تحدث" data-en="Receive updates on threats as they happen">تلقي تحديثات حول التهديدات وهي تحدث</p>
+                        <p data-ar="تلقي تحديثات حول اجدد أساليب التصيد وهي تحدث" data-en="Receive updates on the latest phishing techniques as they happen">تلقي تحديثات حول اجدد أساليب التصيد وهي تحدث</p>
                     </div>
                     <div class="feature-card scroll-element">
                         <i class="fas fa-user-shield"></i>
@@ -136,123 +120,55 @@ <h4 data-ar="سهل الاستخدام" data-en="User-Friendly">سهل الاس
         <!-- Step-by-Step Guide -->
         <section class="step-section">
             <div class="container">
-                <h2 class="section-title" data-ar="خطوات التحميل والتثبيت" data-en="Download & Install Steps">خطوات التحميل والتثبيت</h2>
+                <h2 class="section-title" data-ar="خطوات التحميل وكيفية الإستخدام" data-en="Download steps and how to use it">خطوات التحميل وكيفية الإستخدام</h2>
 
-                <!-- Step 1: Download -->
                 <div class="step-section">
                     <div class="step-container scroll-element">
                         <div class="step-number">1</div>
-                        <h3 class="step-title" data-ar="اضغط على زر التحميل" data-en="Press the Download Button">اضغط على زر التحميل</h3>
-                        <div class="step-content first-step-content">
-                            <p class="step-description" data-ar="ابدأ بالضغط على زر 'تحميل الآن' الموجود أدناه. سيتم تحميل ملف إضافة EoH-Guard على جهازك." data-en="Start by clicking the 'Download Now' button below. The EoH-Guard extension file will be downloaded to your computer.">
-                                ابدأ بالضغط على زر 'تحميل الآن' الموجود أدناه. سيتم تحميل ملف إضافة EoH-Guard على جهازك.
-                            </p>
-                            <button class="btn btn-primary extension-download-btn btn-lg mt-3" data-ar="تحميل الآن" data-en="Download Now" onclick="downloadExtension()">
-                                <i class="fas fa-download"></i> تحميل الآن
-                            </button>
-                        </div>
-                    </div>
-                    <div class="step-highlight scroll-element">
-                        <strong data-ar="ملاحظة:" data-en="Note:">ملاحظة:</strong>
-                        <p data-ar="تأكد من أن متصفحك مدعوم: Chrome، Firefox أو Edge" data-en="Make sure your browser is supported: Chrome, Firefox or Edge">تأكد من أن متصفحك مدعوم: Chrome، Firefox أو Edge</p>
-                    </div>
-                </div>
-
-                <!-- Step 2: Choose Browser -->
-                <div class="step-section">
-                    <div class="step-container scroll-element">
-                        <div class="step-number">2</div>
                         <h3 class="step-title" data-ar="اختر متصفحك" data-en="Choose Your Browser">اختر متصفحك</h3>
                         <div class="step-content">
                             <p class="step-description" data-ar="اختر المتصفح الذي تستخدمه وتابع التعليمات الخاصة به:" data-en="Choose the browser you use and follow its instructions:">
                                 اختر المتصفح الذي تستخدمه وتابع التعليمات الخاصة به:
                             </p>
                             <div class="browser-icons">
-                                <div class="browser-icon">
+                                <a class="browser-icon" href="https://chromewebstore.google.com/category/extensions" target="_blank">
                                     <i class="fab fa-chrome"></i>
                                     <span data-ar="Chrome" data-en="Chrome">Chrome</span>
-                                </div>
-                                <div class="browser-icon">
+                                </a>
+                                
+                                <a class="browser-icon" href="https://addons.mozilla.org/en-US/firefox/addon/eye-of-horus-guard/">
                                     <i class="fab fa-firefox"></i>
                                     <span data-ar="Firefox" data-en="Firefox">Firefox</span>
-                                </div>
-                                <div class="browser-icon">
+                                </a>
+                                
+                                <a class="browser-icon" href="https://microsoftedge.microsoft.com/addons/detail/eye-of-horus-guard/nljomlpaiffoanbffbielhlpmanlhchg" target="_blank">
                                     <i class="fab fa-edge"></i>
                                     <span data-ar="Edge" data-en="Edge">Edge</span>
-                                </div>
+                                </a>
                             </div>
                         </div>
                     </div>
                 </div>
 
-                <!-- Step 3: Chrome Installation -->
                 <div class="step-section">
                     <div class="step-container scroll-element">
-                        <div class="step-number">3</div>
-                        <h3 class="step-title" data-ar="تثبيت على Chrome" data-en="Install on Chrome">تثبيت على Chrome</h3>
-                        <div class="step-content">
-                            <p class="step-description" data-ar="اتبع الخطوات التالية لتثبيت الإضافة على Chrome:" data-en="Follow these steps to install the extension on Chrome:">
-                                اتبع الخطوات التالية لتثبيت الإضافة على Chrome:
+                        <div class="step-number">2</div>
+                        <h3 class="step-title" data-ar="اضغط على زر التحميل" data-en="Press the Download Button">اضغط على زر التحميل</h3>
+                        <div class="step-content first-step-content">
+                            <p class="step-description" data-ar="ابدأ بالضغط على زر 'Add to Firefox' او 'Add to Chrome' او 'Get'. سيتم تحميل إضافة EoH-Guard على جهازك." data-en="Start by clicking the 'Add to Firefox', 'Add to Chrome', or 'Get' button. The EoH-Guard add-on will then be downloaded to your device.">
+                                ابدأ بالضغط على زر 'Add to Firefox' او 'Add to Chrome' او 'Get'. سيتم تحميل إضافة EoH-Guard على جهازك.
                             </p>
-                            <ul class="step-list">
-                                <li data-ar="اذهب إلى chrome://extensions في شريط العناوين" data-en="Go to chrome://extensions in the address bar">اذهب إلى chrome://extensions في شريط العناوين</li>
-                                <li data-ar="فعّل 'وضع المطورين' من الزاوية العلوية اليمنى" data-en="Enable 'Developer mode' from the top right corner">فعّل 'وضع المطورين' من الزاوية العلوية اليمنى</li>
-                                <li data-ar="انقر على 'تحميل الإضافة المفكوكة'" data-en="Click 'Load unpacked'">انقر على 'تحميل الإضافة المفكوكة'</li>
-                                <li data-ar="اختر مجلد الإضافة المحملة" data-en="Select the downloaded extension folder">اختر مجلد الإضافة المحملة</li>
-                                <li data-ar="تم! ستجد الإضافة الآن في قائمة الإضافات" data-en="Done! You'll now find the extension in your extensions list">تم! ستجد الإضافة الآن في قائمة الإضافات</li>
-                            </ul>
                         </div>
                     </div>
                     <div class="step-highlight scroll-element">
-                        <i class="fas fa-info-circle"></i>
-                        <span data-ar="يجب أن تكون ملفات الإضافة مفك ضغطها لتتمكن من تحميلها" data-en="Extension files must be unzipped to load them">يجب أن تكون ملفات الإضافة مفك ضغطها لتتمكن من تحميلها</span>
-                    </div>
-                </div>
-
-                <!-- Step 4: Firefox Installation -->
-                <div class="step-section">
-                    <div class="step-container scroll-element">
-                        <div class="step-number">4</div>
-                        <h3 class="step-title" data-ar="تثبيت على Firefox" data-en="Install on Firefox">تثبيت على Firefox</h3>
-                        <div class="step-content">
-                            <p class="step-description" data-ar="اتبع الخطوات التالية لتثبيت الإضافة على Firefox:" data-en="Follow these steps to install the extension on Firefox:">
-                                اتبع الخطوات التالية لتثبيت الإضافة على Firefox:
-                            </p>
-                            <ul class="step-list">
-                                <li data-ar="اذهب إلى about:addons في شريط العناوين" data-en="Go to about:addons in the address bar">اذهب إلى about:addons في شريط العناوين</li>
-                                <li data-ar="انقر على أيقونة الترس وحدد 'تثبيت إضافة من ملف'" data-en="Click the gear icon and select 'Install Add-on From File'">انقر على أيقونة الترس وحدد 'تثبيت إضافة من ملف'</li>
-                                <li data-ar="اختر ملف الإضافة المحمل (.xpi أو .zip)" data-en="Select the downloaded extension file (.xpi or .zip)">اختر ملف الإضافة المحمل (.xpi أو .zip)</li>
-                                <li data-ar="انقر 'فتح' وسيبدأ التثبيت تلقائياً" data-en="Click 'Open' and installation will start automatically">انقر 'فتح' وسيبدأ التثبيت تلقائياً</li>
-                                <li data-ar="تم! ستظهر الإضافة في قائمة إضافاتك" data-en="Done! The extension will appear in your extensions list">تم! ستظهر الإضافة في قائمة إضافاتك</li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Step 5: Edge Installation -->
-                <div class="step-section">
-                    <div class="step-container scroll-element">
-                        <div class="step-number">5</div>
-                        <h3 class="step-title" data-ar="تثبيت على Edge" data-en="Install on Edge">تثبيت على Edge</h3>
-                        <div class="step-content">
-                            <p class="step-description" data-ar="اتبع الخطوات التالية لتثبيت الإضافة على Edge:" data-en="Follow these steps to install the extension on Edge:">
-                                اتبع الخطوات التالية لتثبيت الإضافة على Edge:
-                            </p>
-                            <ul class="step-list">
-                                <li data-ar="اذهب إلى edge://extensions في شريط العناوين" data-en="Go to edge://extensions in the address bar">اذهب إلى edge://extensions في شريط العناوين</li>
-                                <li data-ar="فعّل 'وضع المطورين' من الزاوية العلوية اليسرى" data-en="Enable 'Developer mode' from the top left corner">فعّل 'وضع المطورين' من الزاوية العلوية اليسرى</li>
-                                <li data-ar="اسحب وأفلت ملف الإضافة المحمل إلى النافذة" data-en="Drag and drop the downloaded extension file to the window">اسحب وأفلت ملف الإضافة المحمل إلى النافذة</li>
-                                <li data-ar="سيطلب منك تأكيد التثبيت - انقر 'إضافة الإضافة'" data-en="It will ask for confirmation - click 'Add extension'">سيطلب منك تأكيد التثبيت - انقر 'إضافة الإضافة'</li>
-                                <li data-ar="تم! الإضافة جاهزة للاستخدام الآن" data-en="Done! The extension is ready to use">تم! الإضافة جاهزة للاستخدام الآن</li>
-                            </ul>
-                        </div>
+                        <strong data-ar="ملاحظة:" data-en="Note:">ملاحظة:</strong>
+                        <p data-ar="تأكد من أن متصفحك مدعوم: Chrome، Firefox أو Edge" data-en="Make sure your browser is supported: Chrome, Firefox or Edge">تأكد من أن متصفحك مدعوم: Chrome، Firefox أو Edge</p>
                     </div>
                 </div>
 
-                <!-- Step 6: Configure Settings -->
                 <div class="step-section">
                     <div class="step-container scroll-element">
-                        <div class="step-number">6</div>
+                        <div class="step-number">3</div>
                         <h3 class="step-title" data-ar="ضبط الإعدادات" data-en="Configure Settings">ضبط الإعدادات</h3>
                         <div class="step-content">
                             <p class="step-description" data-ar="بعد التثبيت، قم بضبط إعدادات الإضافة حسب احتياجاتك:" data-en="After installation, configure the extension settings according to your needs:">
@@ -261,7 +177,7 @@ <h3 class="step-title" data-ar="ضبط الإعدادات" data-en="Configure Se
                             <ul class="step-list">
                                 <li data-ar="انقر على أيقونة EoH-Guard في شريط الأدوات" data-en="Click the EoH-Guard icon in the toolbar">انقر على أيقونة EoH-Guard في شريط الأدوات</li>
                                 <li data-ar="اختر 'الإعدادات' من القائمة المنسدلة" data-en="Select 'Settings' from the dropdown menu">اختر 'الإعدادات' من القائمة المنسدلة</li>
-                                <li data-ar="فعّل 'حماية التتبع' و'كشف التصيد'" data-en="Enable 'Tracker Protection' and 'Phishing Detection'">فعّل 'حماية التتبع' و'كشف التصيد'</li>
+                                <li data-ar="فعّل 'حماية التتبع' و'إظهار تنبيهات التصيد'" data-en="Enable 'Fingerprint Protection' and 'Show Phishing Alerts'">فعّل 'حماية التتبع' و'إظهار تنبيهات التصيد'</li>
                                 <li data-ar="يمكنك تخصيص مستوى الحماية (منخفض/متوسط/عالي)" data-en="You can customize protection level (Low/Medium/High)">يمكنك تخصيص مستوى الحماية (منخفض/متوسط/عالي)</li>
                                 <li data-ar="احفظ الإعدادات وتصفح بآمان!" data-en="Save settings and browse safely!">احفظ الإعدادات وتصفح بآمان!</li>
                             </ul>
@@ -273,10 +189,9 @@ <h3 class="step-title" data-ar="ضبط الإعدادات" data-en="Configure Se
                     </div>
                 </div>
 
-                <!-- Step 7: How to Use -->
                 <div class="step-section">
                     <div class="step-container scroll-element">
-                        <div class="step-number">7</div>
+                        <div class="step-number">4</div>
                         <h3 class="step-title" data-ar="كيفية الاستخدام" data-en="How to Use">كيفية الاستخدام</h3>
                         <div class="step-content">
                             <p class="step-description" data-ar="بعد التثبيت والتكوين، إليك كيفية استخدام الإضافة:" data-en="After installation and configuration, here's how to use the extension:">
@@ -293,10 +208,9 @@ <h3 class="step-title" data-ar="كيفية الاستخدام" data-en="How to U
                     </div>
                 </div>
 
-                <!-- Step 8: Troubleshooting -->
                 <div class="step-section">
                     <div class="step-container scroll-element">
-                        <div class="step-number">8</div>
+                        <div class="step-number">5</div>
                         <h3 class="step-title" data-ar="حل المشاكل" data-en="Troubleshooting">حل المشاكل</h3>
                         <div class="step-content">
                             <p class="step-description" data-ar="إذا واجهت أي مشاكل، جرب الحلول التالية:" data-en="If you encounter any issues, try the following solutions:">
@@ -376,10 +290,6 @@ <h4 class="footer-title mt-5" data-ar="تواصل معنا" data-en="Contact Us"
     <script src="../js/script.js"></script>
     <script src="js/animate-on-scroll.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
-    <script>
-        function downloadExtension() {
-           window.location.href = 'https://github.com/eyeofhorussecurity/EoH-Guard/releases/download/eoh-guard/EohGuard.zip';
-        }
-    </script>
 </body>
-</html>
\ No newline at end of file
+
+</html>
diff --git a/pages/privacy.html b/pages/privacy.html
index 21ce797..a5d35c0 100644
--- a/pages/privacy.html
+++ b/pages/privacy.html
@@ -38,14 +38,6 @@
                 </div>
 
                 <div class="nav-controls-mobile d-lg-none mt-3">
-                    <div class="dropdown-theme-switch">
-                        <div class="dropdown-toggle-switch">
-                            <label class="dropdown-switch-label">
-                                <input type="checkbox" class="dropdown-checkbox" id="themeToggleMobile">
-                                <span class="dropdown-slider"></span>
-                            </label>
-                        </div>
-                    </div>
                     <div class="dropdown-lang-switch mt-2">
                         <button class="lang-btn active" data-lang="ar" data-ar="العربية" data-en="Arabic">العربية</button>
                         <button class="lang-btn" data-lang="en" data-ar="English" data-en="English">English</button>
@@ -54,14 +46,6 @@
             </div>
 
             <div class="nav-controls d-none d-lg-flex" id="nav-controls">
-                <div class="nav-switch">
-                    <div class="toggle-switch">
-                        <label class="switch-label">
-                            <input type="checkbox" class="checkbox" id="themeToggle">
-                            <span class="slider"></span>
-                        </label>
-                    </div>
-                </div>
                 <div class="nav-language">
                     <button class="lang-btn active" data-lang="ar">العربية</button>
                     <button class="lang-btn" data-lang="en">EN</button>
diff --git a/pages/report.html b/pages/report.html
index 0dfe20c..91847d3 100644
--- a/pages/report.html
+++ b/pages/report.html
@@ -39,7 +39,7 @@
                     <ul class="dropdown-menu text-center" aria-labelledby="dropdownMenuLink">
                         <li><a href="report.html" class="dropdown-item active" data-ar="الإبلاغ عن موقع" data-en="Report Site">الإبلاغ عن موقع</a></li>
                         <li><a href="blog.html" class="dropdown-item" data-ar="المدونة" data-en="Blog">المدونة</a></li>
-                        <li><a href="https://www.facebook.com/eyeofhorussec" class="dropdown-item" data-ar="تابعنا" data-en="Follow Us">تابعنا</a></li>
+                        <li><a href="https://www.facebook.com/eyeofhorussec" target="_blank" class="dropdown-item" data-ar="تابعنا" data-en="Follow Us">تابعنا</a></li>
                     </ul>
                 </div>
     
@@ -50,14 +50,6 @@
                 </div>
     
                 <div class="nav-controls-mobile d-lg-none mt-3">
-                    <div class="dropdown-theme-switch">
-                        <div class="dropdown-toggle-switch">
-                            <label class="dropdown-switch-label">
-                                <input type="checkbox" class="dropdown-checkbox" id="themeToggleMobile">
-                                <span class="dropdown-slider"></span>
-                            </label>
-                        </div>
-                    </div>
                     <div class="dropdown-lang-switch mt-2">
                         <button class="lang-btn active" data-lang="ar" data-ar="العربية" data-en="Arabic">العربية</button>
                         <button class="lang-btn" data-lang="en" data-ar="English" data-en="English">English</button>
@@ -66,14 +58,6 @@
             </div>
     
             <div class="nav-controls d-none d-lg-flex" id="nav-controls">
-                <div class="nav-switch">
-                    <div class="toggle-switch">
-                        <label class="switch-label">
-                            <input type="checkbox" class="checkbox" id="themeToggle">
-                            <span class="slider"></span>
-                        </label>
-                    </div>
-                </div>
                 <div class="nav-language">
                     <button class="lang-btn active" data-lang="ar">العربية</button>
                     <button class="lang-btn" data-lang="en">EN</button>
@@ -167,17 +151,17 @@ <h6 class="card-title">
                             </h6>
                             <div class="small">
                                 <div class="border-bottom pb-2 mb-2">
-                                    <span class="badge bg-danger" data-ar="موقع تصيد" data-en="Phishing Site">موقع تصيد</span>
+                                    <span class="badge bg-danger text-white" data-ar="موقع تصيد" data-en="Phishing Site">موقع تصيد</span>
                                     <div class="text-muted" data-ar="تقليد موقع البنك الأهلي" data-en="Fake National Bank website">تقليد موقع البنك الأهلي</div>
                                     <small class="text-muted" data-ar="منذ ساعة" data-en="1 hour ago">منذ ساعة</small>
                                 </div>
                                 <div class="border-bottom pb-2 mb-2">
-                                    <span class="badge bg-warning" data-ar="رسالة مزيفة" data-en="Fake Message">رسالة مزيفة</span>
+                                    <span class="badge bg-warning text-white" data-ar="رسالة مزيفة" data-en="Fake Message">رسالة مزيفة</span>
                                     <div class="text-muted" data-ar="ادعاء الفوز بجائزة" data-en="Fake prize claim">ادعاء الفوز بجائزة</div>
                                     <small class="text-muted" data-ar="منذ 3 ساعات" data-en="3 hours ago">منذ 3 ساعات</small>
                                 </div>
                                 <div class="pb-2">
-                                    <span class="badge bg-info" data-ar="تطبيق مزيف" data-en="Fake App">تطبيق مزيف</span>
+                                    <span class="badge bg-info text-white" data-ar="تطبيق مزيف" data-en="Fake App">تطبيق مزيف</span>
                                     <div class="text-muted" data-ar="تقليد تطبيق بنكي" data-en="Fake banking app">تقليد تطبيق بنكي</div>
                                     <small class="text-muted" data-ar="منذ 5 ساعات" data-en="5 hours ago">منذ 5 ساعات</small>
                                 </div>
@@ -205,7 +189,7 @@ <h6 class="card-title">
                             </h6>
                             <div class="small">
                                 <p><strong data-ar="الخط الساخن:" data-en="Hotline:">الخط الساخن:</strong> 19777</p>
-                                <p><strong data-ar="البريد الإلكتروني:" data-en="Email:">البريد الإلكتروني:</strong> report@eohsecurity.com</p>
+                                <p><strong data-ar="البريد الإلكتروني:" data-en="Email:">البريد الإلكتروني:</strong> eyeofhorussec@gmail.com</p>
                                 <p><strong data-ar="ساعات العمل:" data-en="Working Hours:">ساعات العمل:</strong> 24/7</p>
                                 <p class="text-muted mb-0" data-ar="للحالات العاجلة، يمكنك الاتصال بالخط الساخن مباشرة" data-en="For urgent cases, you can contact the hotline directly">
                                     للحالات العاجلة، يمكنك الاتصال بالخط الساخن مباشرة
diff --git a/pages/simulator.html b/pages/simulator.html
index ec262a1..5478b93 100644
--- a/pages/simulator.html
+++ b/pages/simulator.html
@@ -39,8 +39,9 @@
                     <ul class="dropdown-menu text-center" aria-labelledby="dropdownMenuLink">
                         <li><a href="report.html" class="dropdown-item" data-ar="الإبلاغ عن موقع" data-en="Report Site">الإبلاغ عن موقع</a></li>
                         <li><a href="blog.html" class="dropdown-item" data-ar="المدونة" data-en="Blog">المدونة</a></li>
-                        <li><a href="https://www.facebook.com/eyeofhorussec" class="dropdown-item" data-ar="تابعنا" data-en="Follow Us">تابعنا</a></li>
-                    </ul>
+                        <li><a href="https://www.facebook.com/eyeofhorussec" target="_blank" class="dropdown-item" data-ar="تابعنا"
+                            data-en="Follow Us">تابعنا</a></li>                    
+                            </ul>
                 </div>
     
                 <div class="mobile-more d-lg-none text-center">
@@ -50,14 +51,6 @@
                 </div>
     
                 <div class="nav-controls-mobile d-lg-none mt-3">
-                    <div class="dropdown-theme-switch">
-                        <div class="dropdown-toggle-switch">
-                            <label class="dropdown-switch-label">
-                                <input type="checkbox" class="dropdown-checkbox" id="themeToggleMobile">
-                                <span class="dropdown-slider"></span>
-                            </label>
-                        </div>
-                    </div>
                     <div class="dropdown-lang-switch mt-2">
                         <button class="lang-btn active" data-lang="ar" data-ar="العربية" data-en="Arabic">العربية</button>
                         <button class="lang-btn" data-lang="en" data-ar="English" data-en="English">English</button>
@@ -66,14 +59,6 @@
             </div>
     
             <div class="nav-controls d-none d-lg-flex" id="nav-controls">
-                <div class="nav-switch">
-                    <div class="toggle-switch">
-                        <label class="switch-label">
-                            <input type="checkbox" class="checkbox" id="themeToggle">
-                            <span class="slider"></span>
-                        </label>
-                    </div>
-                </div>
                 <div class="nav-language">
                     <button class="lang-btn active" data-lang="ar">العربية</button>
                     <button class="lang-btn" data-lang="en">EN</button>
@@ -234,19 +219,19 @@ <h5 class="card-title" data-ar="ابدأ الاختبار" data-en="Start the Te
                                         </div>
                                     </div>
 
-                                    <div id="rules" class="mt-3" style="display:none;">
-                                        <div class="alert alert-info rtl-text">
-                                            <strong data-ar="قواعد سريعة للتعلّم:" data-en="Quick Learning Rules:">قواعد سريعة للتعلّم:</strong>
-                                            <ul class="mb-2">
-                                                <li data-ar="تحقق دائماً من عنوان الويب (الرابط) وصيغة بروتوكول الحماية (https)." data-en="Always check the web address (link) and the security protocol format (https).">تحقق دائماً من عنوان الويب (الرابط) وصيغة بروتوكول الحماية (https).</li>
-                                                <li data-ar="انظر لوجود أخطاء إملائية أو شعارات غير متطابقة أو تصميم رديء." data-en="Look for spelling errors, mismatched logos, or poor design.">انظر لوجود أخطاء إملائية أو شعارات غير متطابقة أو تصميم رديء.</li>
-                                                <li data-ar="توخَّ الحذر من طلبات المعلومات الحساسة أو الضغط على روابط داخل رسائل بريد غير متوقعة." data-en="Be careful of requests for sensitive information or clicking links in unexpected emails.">توخَّ الحذر من طلبات المعلومات الحساسة أو الضغط على روابط داخل رسائل بريد غير متوقعة.</li>
-                                            </ul>
-                                            <div class="alert alert-warning mb-0">
-                                                <strong data-ar="تحذير مهم:" data-en="Important Warning:">تحذير مهم:</strong> <span data-ar="ليس كل موقع يظهر بقفل الأمان (HTTPS) آمن تماماً! المحتالون يمكنهم شراء شهادات أمان صالحة لمواقع مزيفة." data-en="Not every site that shows a security lock (HTTPS) is completely safe! Scammers can buy valid security certificates for fake sites.">ليس كل موقع يظهر بقفل الأمان (HTTPS) آمن تماماً! المحتالون يمكنهم شراء شهادات أمان صالحة لمواقع مزيفة.</span>
-                                            </div>
-                                        </div>
-                                    </div>
+<div id="rules" class="mt-3" style="display:none;">
+    <div class="alert alert-info rtl-text">
+        <strong data-ar="قواعد سريعة للتعلّم:" data-en="Quick Learning Rules:">قواعد سريعة للتعلّم:</strong>
+        <ul class="feature-list mt-2 ">
+            <li data-ar="تحقق دائماً من عنوان الويب (الرابط) وصيغة بروتوكول الحماية (https)." data-en="Always check the web address (link) and the security protocol format (https).">تحقق دائماً من عنوان الويب (الرابط) وصيغة بروتوكول الحماية (https).</li>
+            <li data-ar="انظر لوجود أخطاء إملائية أو شعارات غير متطابقة أو تصميم رديء." data-en="Look for spelling errors, mismatched logos, or poor design.">انظر لوجود أخطاء إملائية أو شعارات غير متطابقة أو تصميم رديء.</li>
+            <li data-ar="توخَّ الحذر من طلبات المعلومات الحساسة أو الضغط على روابط داخل رسائل بريد غير متوقعة." data-en="Be careful of requests for sensitive information or clicking links in unexpected emails.">توخَّ الحذر من طلبات المعلومات الحساسة أو الضغط على روابط داخل رسائل بريد غير متوقعة.</li>
+        </ul>
+        <div class="alert alert-warning mb-0">
+            <strong data-ar="تحذير مهم:" data-en="Important Warning:">تحذير مهم:</strong> <span data-ar="ليس كل موقع يظهر بقفل الأمان (HTTPS) آمن تماماً! المحتالون يمكنهم شراء شهادات أمان صالحة لمواقع مزيفة." data-en="Not every site that shows a security lock (HTTPS) is completely safe! Scammers can buy valid security certificates for fake sites.">ليس كل موقع يظهر بقفل الأمان (HTTPS) آمن تماماً! المحتالون يمكنهم شراء شهادات أمان صالحة لمواقع مزيفة.</span>
+        </div>
+    </div>
+</div>
 
                                     <div id="question-card" style="display:none;" class="mt-3">
                                         <div class="mb-2 d-flex justify-content-between align-items-center flex-wrap">
diff --git a/pages/terms.html b/pages/terms.html
index 55c1f9a..c9b52d8 100644
--- a/pages/terms.html
+++ b/pages/terms.html
@@ -38,14 +38,6 @@
                 </div>
 
                 <div class="nav-controls-mobile d-lg-none mt-3">
-                    <div class="dropdown-theme-switch">
-                        <div class="dropdown-toggle-switch">
-                            <label class="dropdown-switch-label">
-                                <input type="checkbox" class="dropdown-checkbox" id="themeToggleMobile">
-                                <span class="dropdown-slider"></span>
-                            </label>
-                        </div>
-                    </div>
                     <div class="dropdown-lang-switch mt-2">
                         <button class="lang-btn active" data-lang="ar" data-ar="العربية" data-en="Arabic">العربية</button>
                         <button class="lang-btn" data-lang="en" data-ar="English" data-en="English">English</button>
@@ -54,14 +46,6 @@
             </div>
 
             <div class="nav-controls d-none d-lg-flex" id="nav-controls">
-                <div class="nav-switch">
-                    <div class="toggle-switch">
-                        <label class="switch-label">
-                            <input type="checkbox" class="checkbox" id="themeToggle">
-                            <span class="slider"></span>
-                        </label>
-                    </div>
-                </div>
                 <div class="nav-language">
                     <button class="lang-btn active" data-lang="ar">العربية</button>
                     <button class="lang-btn" data-lang="en">EN</button>