Merge pull request #1104 from meetarora10/rate-branch

Modified rate us page .

Css-Files/Rateus.css

@@ -92,21 +92,22 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    padding: 20px;
+    padding: 40px;
     animation: slideInFromBottom 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
     transition: opacity 0.3s ease-in-out;
     background-color: #3fbcc051;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(6, 130, 130, 0.1);
-    max-width: 100%;
-    width: 80%;
+    max-width: 200%;
+    width: 200%;
+    /* height: 400px; */
     box-sizing: border-box;
     opacity: 0;
   }
 
   .feedback-form h2 {
-    font-size: 28px;
-    margin-bottom: 15px;
+    font-size: 27px;
+    margin-bottom: 8px;
     text-align: center;
     font-weight: 1000 !important;
   }
@@ -166,6 +167,8 @@
     display: flex;
     flex-direction: column;
     width: 100%;
+    position: relative;
+    bottom: 7px;
   }
 
   .feedback-form label {
@@ -264,5 +267,8 @@
       width: 100%;
       padding: 15px;
     }
+    .close-btn{
+      top: 10px;
+    }
   }
 

Css-Files/popupfeedbacksctioncss.css

@@ -14,7 +14,7 @@
     display: none;
     position: fixed;
     top: 50%;
-    left: 50%;
+    left: 40%;
     transform: translate(-50%, -50%);
     background-color: transparent;
     padding: 100px;
@@ -28,7 +28,7 @@
 
   .close-btn {
     position: absolute;
-    top: 10px;
+    top: 37px;
     right: 10px;
     font-size: 24px;
     cursor: pointer;

index.html

@@ -702,7 +702,7 @@ <h2>We'd Love Your Feedback!</h2>
         <input type="email" id="email" placeholder="Enter your email" required>
         <label for="feedback">Your Feedback</label>
         <textarea id="feedback" rows="5" placeholder="Let us know how we can improve..." required></textarea>
-        <button type="submit" class="btn" style="width: 10rem;margin-left: 60px;">Submit Feedback</button>
+        <button type="submit" class="btn" style="width: 11rem;margin-left: 100px;">Submit Feedback</button>
       </form>
     </div>
   </div>