updated the new pages and popup form layout

dev/sass/base/_global.scss

@@ -50,6 +50,7 @@ button {
 .select-field {
 	background: rgba(0, 0, 0, 0.05);
 	position: relative;
+	max-width: fit-content;
 
 	&::after {
 		content: "";
@@ -62,6 +63,7 @@ button {
 		height: 9px;
 		// z-index: -1;
 	}
+
 	select {
 		background-color: transparent;
 		appearance: none;
@@ -73,6 +75,7 @@ button {
 
 .submit-field {
 	position: relative;
+	max-width: fit-content;
 
 	input[type="submit"] {
 		padding: 0.75rem 1.625rem;
@@ -97,6 +100,13 @@ button {
 			}
 		}
 	}
+
+	svg {
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		right: 40px;
+	}
 }
 
 .btn-outlined {
@@ -127,6 +137,16 @@ button {
 		}
 	}
 }
+
+.download-popup {
+	position: fixed;
+	top: 80px;
+	bottom: 64px;
+	left: 50%;
+	transform: translateX(-50%);
+	background-color: $white;
+}
+
 @media (max-width: 767px) {
 	.section-title {
 		margin-bottom: 2rem;

dev/sass/pages/site-comparision/_comparison-form.scss

@@ -2,15 +2,4 @@
 	.section-title {
 		margin-bottom: 24px;
 	}
-	.submit-field {
-		position: relative;
-		max-width: fit-content;
-
-		svg {
-			position: absolute;
-			top: 50%;
-			transform: translateY(-50%);
-			right: 40px;
-		}
-	}
 }

footer.php

@@ -246,6 +246,59 @@
   </div>
 </div>
 
+<div class="download-popup">
+  <div class="dp-content-box">
+    <div class="form-content-box">
+      <div class="top-title section-title">
+        <h2>Get Your Free SEO Audit Delivered to Your Inbox</h2>
+        <p>Fill out the form, and we'll send you a detailed SEO audit directly to your email, helping you improve your
+          website's performance.
+        </p>
+      </div>
+      <div class="row">
+        <div class="col-sm-6">
+          <div class="input-field">
+            <label>Full Name</label>
+            <input type="text" placeholder="Enter your Full Name ">
+          </div>
+        </div>
+        <div class="col-sm-6">
+          <div class="input-field">
+            <label>Phone Number (Optional)</label>
+            <input type="text" placeholder="Enter your Phone Number">
+          </div>
+        </div>
+        <div class="col-sm-6">
+          <div class="input-field">
+            <label>Enter your Email Address</label>
+            <input type="text" placeholder="Enter your Enter your Email Address ">
+          </div>
+        </div>
+        <div class="col-sm-6">
+          <div class="input-field">
+            <label>Company Name</label>
+            <input type="text" placeholder="Enter the Name of your Company">
+          </div>
+        </div>
+        <div class="col">
+          <div class="input-field">
+            <label>Message (optional)</label>
+            <textarea rows="3" placeholder="Enter the message you want us to send"></textarea>
+          </div>
+        </div>
+      </div>
+      <div class="submit-field ">
+        <input type="submit" value="Analyze">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
+            fill="white" />
+        </svg>
+      </div>
+    </div>
+  </div>
+</div>
+
 <?php wp_footer() ?>
 
 </body>

template-parts/site-comparison/comparison-form.php

@@ -18,14 +18,13 @@
         </div>
       </div>
     </div>
-    <div class="submit-field">
+    <div class="submit-field ">
       <input type="submit" value="Analyze">
       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" clip-rule="evenodd"
           d="M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
           fill="white" />
       </svg>
-
     </div>
   </div>
 </section>
\ No newline at end of file