diff --git a/assets/css/style.css b/assets/css/style.css
index 6959ea4..687b70c 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1065,11 +1065,31 @@ transition: 0.8s;
 
 #contact {
   padding: 30px 0;
+  
 }
 
+.legend{
+  color: white;
+  font-weight: bold;
+  font-size: 35px;
+ 
+  
+}
+.legend:hover{
+  color: rgb(12, 94, 237);
+}
 .enquiry-form {
   box-shadow: 1rem 1rem 1rem 1rem var(--sd);
   animation: Dance 10s infinite;
+  cursor: pointer;
+  
+}
+
+#contact .title{
+  text-align: center;
+}
+#contact .title:hover{
+color: rgb(60, 127, 241);
 }
 
 .col-md-6 .contact-phone .bi:hover,
diff --git a/index.html b/index.html
index f113e54..269df40 100644
--- a/index.html
+++ b/index.html
@@ -427,6 +427,8 @@ <h2>Contact Us</h2>
         </div>
         <div class="row contact-info">
           <div class="enquiry">
+            <legend class="legend">User Personal Details </legend>
+            <i class="fa fa-arrow-alt-circle-right"></i>
             <form class="enquiry-form" id="enquiry-form">
               <div class="title">GET IN TOUCH</div>
               <input type="text" id="name" placeholder="Your Name" class="" pattern='[a-zA-Z]+' required />
@@ -446,6 +448,7 @@ <h2>Contact Us</h2>
                 Send
               </button>
             </form>
+            
           </div>
           <div class="col-md-12">
             <div class="contact-phone">
diff --git a/join-us-form.css b/join-us-form.css
index 3ccd43c..c617b14 100644
--- a/join-us-form.css
+++ b/join-us-form.css
@@ -19,6 +19,7 @@
 }
 .contactform{
   display: flex;
+
 }
 .cntctimg{
  width: 20rem;
@@ -112,6 +113,7 @@ form {
   display: block;
   justify-content: center;
   align-items: center;
+  
 }
 
 ::placeholder {