diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..f673a71
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}
\ No newline at end of file
diff --git a/admin/static/css/style.scss b/admin/static/css/style.scss
index 85d1a78..ceb0138 100644
--- a/admin/static/css/style.scss
+++ b/admin/static/css/style.scss
@@ -129,19 +129,10 @@ a:focus {
 }
 
 .header_section {
-  .header_top {
-    padding: 15px 0;
-    background-color: $primary2;
-
-
-    .contact_nav {
-      display: flex;
-      justify-content: space-between;
-
       a {
         color: $white;
         display: flex;
-        font-size: 15px;
+        font-size: 45px;
 
         i {
           margin-right: 5px;
@@ -162,10 +153,9 @@ a:focus {
         }
       }
     }
-  }
 
   .header_bottom {
-    background-color: $white;
+    background-color:darkorchid;
     padding: 15px 0;
 
     .container-fluid {
@@ -175,7 +165,7 @@ a:focus {
 
   }
 
-}
+
 
 
 
@@ -428,7 +418,7 @@ a:focus {
   .box {
     display: flex;
     margin-top: 45px;
-    background-color: #f8f8f9;
+    background-color: #dedee6;
     padding: 20px;
     border-radius: 5px;
 
diff --git a/admin/static/css/style_index.css b/admin/static/css/style_index.css
index 84f6fc7..55b4d3d 100644
--- a/admin/static/css/style_index.css
+++ b/admin/static/css/style_index.css
@@ -151,8 +151,12 @@ a:focus {
 }
 
 .header_section .header_bottom {
-  background-color: #ffffff;
+  background-color: #4619c2b5;
+  z-index: 1000; 
+  background: transparent;
+  backdrop-filter: blur(10px);
   padding: 15px 0;
+  position: fixed;
 }
 
 .header_section .header_bottom .container-fluid {
diff --git a/admin/templates/index.html b/admin/templates/index.html
index bd17a50..ee1e945 100644
--- a/admin/templates/index.html
+++ b/admin/templates/index.html
@@ -43,8 +43,8 @@
     <div class="hero_area">
       <!-- header section strats -->
       <header class="header_section">
-        <div class="header_top">
-          <div class="container-fluid ">
+        <!-- <div class="header_top">
+          <! <div class="container-fluid ">
             <div class="contact_nav">
               <a href="">
                 <i class="fa fa-phone" aria-hidden="true"></i>
@@ -66,7 +66,7 @@
               </a>
             </div>
           </div>
-        </div>
+        </div> --> 
         <div class="header_bottom">
           <div class="container-fluid">
             <nav class="navbar navbar-expand-lg custom_nav-container ">