diff --git a/Css-files/content.css b/Css-files/content.css
index 807382e2..74dc42fb 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -128,30 +128,30 @@ body {
   border-radius: 10px;
   display: inline-block;
   
-  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
+  /* transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; Smooth transition */
 }
 .but a:hover{
   background-color: #ffffff;
   color: brown;
   border: 3px solid rgb(165, 42, 42);
   transform: scale(1.01); 
-  animation: bounce 0.5s;
+  /* animation: bounce 0.5s; */
 }
 input[type="submit"] {
   background-color: brown;
-  color: #ffffff !important;
+  color: brown !important ;
   border: 3px solid rgb(255, 255, 255);
   padding: 20px 10px !important;
   border-radius: 10px;
-  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
+  /* transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; */
 }
 
 input[type="submit"]:hover {
-  background-color: #ffffff;
-  color: brown !important;
-  border: 3px solid rgb(165, 42, 42);
+  background-color: brown!important;
+  color: white!important;
+  border: 3.5px solid rgb(165, 42, 42);
   transform: scale(1.01);
-  animation: bounce 0.5s;
+  /* animation: bounce 0.5s; */
 }
 
 
@@ -163,15 +163,16 @@ input[type="submit"]:hover {
   border-radius: 15px;
   display: inline-block;
   color: white;
-  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
+  /* transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; Smooth transition */
 }
 
 .butt:hover {
-  background-color: #ffffff;
-  color: brown !important;
+  /* background-color: #ffffff; */
+  background-color: brown !important;
+  color:white !important;
   border: 3px solid rgb(165, 42, 42);
   transform: scale(1.01); 
-  animation: bounce 0.5s;
+  /* animation: bounce 0.5s; */
 }
 @keyframes bounce {
   0%, 100% {
@@ -447,10 +448,10 @@ label {
     font-weight: bold;
 }
 
-input,
-textarea {
-    height:30px;
-    width: 120%;
+input
+ {
+    height:40px;
+    width: 100%;
     padding: 2.5px;
     box-sizing: border-box;
     border-radius: 2px;
@@ -570,7 +571,7 @@ textarea {
 
 #contactForm input,
 #contactForm textarea {
-  width: 100%;
+  width: 50%;
   padding: 20px;
   margin: 5px;
   border-radius: 10px;
diff --git a/Html-files/contact.html b/Html-files/contact.html
index 2b134b36..1c5dbcec 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -344,38 +344,44 @@ <h1 style="color: hsl(357, 53%, 8%); font-family: Tahoma, sans-serif;">Feel Free
                                 <form action="/submit" method="POST" id="contact-form" role="form">
                                     <div class="controls">
                                         <div class="row">
+                                            <div class="col-md-6">
+                                               <div class="form-group"
+
+                                                    <label for="form_email" style="font-family: Georgia;">Name *</label>
+                                                    <div class="input-icon">
+                                                        <i class="fas fa-user"></i>
+                                                        <input id="form_email" type="email" name="email" class="form-control"
+                                                            placeholder="     Enter your Name" required="required"
+                                                            data-error="Name is required.">
+
+                                                    
+                                                 </div>
+                                             </div>
                                             <div class="col-md-6">
                                                 <div class="form-group">
+
                                                     <label for="form_email" style="font-family: Georgia;">Email *</label>
                                                     <div class="input-icon">
                                                         <i class="fas fa-envelope"></i>
                                                         <input id="form_email" type="email" name="email" class="form-control"
-                                                            placeholder="Please enter your email*" required="required"
+                                                            placeholder="     Enter your email" required="required"
                                                             data-error="Valid Email is required.">
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form-group">
-                                                    <label for="form_phone" style="font-family: Georgia;">Phone number *</label>
-                                                    <div class="input-icon">
-                                                        <i class="fas fa-phone"></i>
-                                                        <input id="form_phone" type="tel" name="phone" class="form-control"
-                                                            placeholder="Please enter your phone number*" required="required"
-                                                            pattern="[0-9]{10}" data-error="Phone number is required.">
-                                                    </div>
+                                                
+                                                    
                                                 </div>
                                             </div>
                                         </div><br>
                                         <div class="row">
                                             <div class="col-md-6">
                                                 <div class="form-group">
-                                                    <label for="form_email" style="font-family: Georgia;">Name *</label>
+                                                    <label for="form_lastname" style="font-family: Georgia;">Phone number *</label>
                                                     <div class="input-icon">
-                                                        <i class="fas fa-user"></i>
-                                                        <input id="form_name" type="text" name="name" class="form-control"
-                                                            placeholder="Please enter your name*" required="required"
-                                                            data-error="Name is required.">
+
+                                                        <i class="fas fa-phone"></i>
+                                                        <input id="form_lastname" type="text" name="surname" class="form-control"
+                                                            placeholder="      Enter your Phone number" required="required"
+                                                            data-error="  Phone number is required.">
+                                                        
                                                     </div>
                                                 </div>
                                             </div>
@@ -386,14 +392,14 @@ <h1 style="color: hsl(357, 53%, 8%); font-family: Tahoma, sans-serif;">Feel Free
                                                     <label for="form_message" style="font-family: Georgia;">Message *</label>
                                                         
                                                         <textarea id="form_message" name="message" class="form-control"
-                                                            placeholder="Write your message here." style="height: 100px; width: 100%;" required="required"
+                                                            placeholder="Write your message here." style="height: 180px; width: 70%;" required="required"
                                                             data-error="Please, leave us a message."></textarea>
                                                     
                                                 </div>
                                             </div>
                                             <div class="col-md-4 mt-4">
                                                 <input type="submit" class="btn btn-send btn-block"
-                                                    value="Send Message" style="background-color: #ffc1b7; color: black; text-align: center; font-family: var(--ff-philosopher); padding: 12px 0; border: 1px solid black; height: 50px; line-height: 26px;">
+                                                    value="Send Message" style="background-color: #ffc1b7; color: black; text-align: center; font-family: var(--ff-philosopher); border: 1px solid black; height: 50px; line-height: 10px; ">
                                             </div>
                                         </div>
                                     </div>