From af897187c4b8cbc3e80e81d9c50fe13e6ce91840 Mon Sep 17 00:00:00 2001
From: Kiran511-git <mudekirankumarnaikdcme030@gmail.com>
Date: Mon, 7 Oct 2024 23:46:41 +0530
Subject: [PATCH] Changed border and layout of contact Us form

---
 dedicated-destinations/Paris/Paris.css  |  2 +-
 dedicated-destinations/Paris/start.html |  2 +-
 index.html                              | 37 +++++++++++++++----------
 styles.css                              |  3 +-
 4 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/dedicated-destinations/Paris/Paris.css b/dedicated-destinations/Paris/Paris.css
index 8841fb7d..abe3f2d2 100644
--- a/dedicated-destinations/Paris/Paris.css
+++ b/dedicated-destinations/Paris/Paris.css
@@ -84,7 +84,7 @@
     display: flex;
     gap: .7rem;
     font-weight: bold;
-   text-align: center;
+    text-align: center;
 
   }
 
diff --git a/dedicated-destinations/Paris/start.html b/dedicated-destinations/Paris/start.html
index 80911c3f..59ff16b9 100644
--- a/dedicated-destinations/Paris/start.html
+++ b/dedicated-destinations/Paris/start.html
@@ -91,7 +91,7 @@ <h3><i class="fa fa-undo"></i> Free cancellation</h3>
 
                 <div class="check-in">
                     <label for="">CHECK IN :</label>
-                    <input type="datetime-local" name="" id="chk-design">
+                    <input type="date" name="" id="chk-design">
                 </div>
                 <div class="check-out">
                     <label for="">CHECK OUT :</label>
diff --git a/index.html b/index.html
index 9b307ed9..db7755c9 100644
--- a/index.html
+++ b/index.html
@@ -15,6 +15,7 @@
       bottom: 18px;
     }
   </style>
+  </style>
   <link rel="stylesheet" href="./loader.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
   <link rel="stylesheet" href="faq-website.css">
@@ -1933,21 +1934,27 @@ <h1>Contact Us</h1>
                 <i class="icon1 fa-solid fa-user"></i>
                 <input type="text" id="Name" placeholder="Name" style="padding-left: 6%;">
               </div>
-              <div style="position: relative;">
-                <i class="icon2 fa-solid fa-envelope"></i>
-                <input type="email" id="email" placeholder="Email" class="contact-us-email-fix" style="padding-left:6%; width: 50% !important;
-                padding-left: 6% !important;
-                padding-bottom: 10px !important;
-                margin: 20px !important;
-                margin-left: 30px !important;
-                outline: none !important;
-                border: none !important;
-                font-size: 15px !important;
-                background: none !important;
-                border-bottom: 1px solid var(--text-dark) !important;
-                color: var(--text-dark) !important;
-                font-family: 'Oxygen', sans-serif !important; border-radius: 20px;" required>
-              </div>
+              <div style="position: relative; width: 100%; max-width: 800px;">
+                <i class="icon2 fa-solid fa-envelope" 
+                   style="position: relative; left: 25px; top: 50%; transform: translateY(-50%); font-size: 16px; color: rgb(119, 115, 115);"></i>
+                
+                <input type="email" id="email" placeholder="Email" class="contact-us-email-fix" 
+                       style="padding-left: 40px;  /* Space for the icon */
+                              width: 50%;  /* Full width for responsiveness */
+                              padding-bottom: 10px !important;
+                              margin: 20px 0 !important;
+                              border: none;
+                              border-bottom: 1px solid var(--text-dark) !important;
+                              outline: none !important;
+                              font-size: 15px !important;
+                              background: none !important;
+                              color: var(--text-dark) !important;
+                              font-family: 'Oxygen', sans-serif !important;
+                              border-radius: 0px;" 
+                       required>
+            </div>
+            
+            
               <div style="position: relative;">
                 <i class="icon3 fa-solid fa-message"></i>
                 <textarea id="message" placeholder="Type your message here.." style="padding-left:6%;"
diff --git a/styles.css b/styles.css
index 3b50b603..eec410f4 100644
--- a/styles.css
+++ b/styles.css
@@ -2938,7 +2938,8 @@ input[type="email"] {
   width: 250px;
   border: 1px solid #ccc;
   border-radius: 3px;
-  margin-right: 10px;
+  margin-right: 20px;
+  margin-left: 0px;
   margin-bottom: 10px;
   font-size: 14px;
 }