diff --git a/src/app/globals.css b/src/app/globals.css
index 3fb0962..f5a62ae 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -15,11 +15,12 @@
   --color-colorExt2:  #ffffff;
   --color-colorExt3: #967244;
   --color-colorext4: #bc986b;
-  --color-colorExt5: #31323c;
+  --color-colorExt5: #1d1d1d;
   --color-colorHeader: var(--color-colorExt1);
   --color-colorHeaderText: var(--color-colorExt2);
   --color-colorHeaderTextHover: var(--color-colorext4);
   --color-colorFooter: var(--color-colorExt1);
+  --color-colorFooter2: var(--color-colorExt5);
   --color-colorFooterText: var(--color-colorExt2);
   --color-colorFooterTextHover: var(--color-colorExt3);
   --color-colorFormInput: var(--color-colorExt2);
diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx
index 5276344..6a8250c 100644
--- a/src/components/layouts/Footer.tsx
+++ b/src/components/layouts/Footer.tsx
@@ -117,7 +117,7 @@ export default function Footer() {
           </div>
         </div>
       </section>
-      <footer className="section footer-classic context-dark bg-colorFooter">
+      <footer className="section footer-classic context-dark bg-colorFooter2">
         <div className="container">
           <div className="row row-10 justify-content-sm-between">
             <div className="col-sm-6">
@@ -130,9 +130,9 @@ export default function Footer() {
             </div>
             <div className="col-sm-6 text-sm-right">
               <div className="right-1">
-                {/* <a href="#">
-                  <span className="icon mdi mdi-plus"></span>Submit Property
-                </a> */}
+                <a href="#">
+                  <span className="icon mdi mdi-plus"></span>Book Appointment
+                </a>
               </div>
             </div>
           </div>
diff --git a/src/components/layouts/Header.tsx b/src/components/layouts/Header.tsx
index bbfe06c..7c2314f 100644
--- a/src/components/layouts/Header.tsx
+++ b/src/components/layouts/Header.tsx
@@ -49,7 +49,7 @@ export default function Header() {
                   </div>
                 </li>
               </ul>
-              <div className="rd-navbar-aside-item">
+              <div className="rd-navbar-aside-item hidden lg:block">
                 <div className="block-inline">
                   <div className="unit unit-spacing-xs align-items-center">
                     <span className="unit-left">
@@ -127,6 +127,11 @@ export default function Header() {
                       BLOGS
                     </a>
                   </li>
+                  <li className="rd-nav-item block lg:hidden!">
+                    <a className="rd-nav-link rd-nav-link-custom" href="/login">
+                      LOGIN
+                    </a>
+                  </li>
                   {/* <li className="rd-nav-item">
                     <a className="rd-nav-link" href="#">
                       Properties