Merge pull request #2857 from Hetalnikam/main

In the div model-content, the close button which should appear inside…

modals(privacy policy).css

@@ -1,5 +1,5 @@
  /* Modal styles */
- .modal {
+ /* .modal {
     display: none;
     position: fixed;
     z-index: 1;
@@ -25,6 +25,46 @@
     font-size: 28px;
     font-weight: bold;
   }
+  .close:hover,
+  .close:focus {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+  } */
+
+
+
+  .modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgb(0, 0, 0);
+    background-color: rgba(0, 0, 0, 0.4);
+  }
+
+  .modal-content {
+    background-color: var(--white);
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 80%;
+    position: relative; /* Ensure positioning context for the close button */
+  }
+
+  .close {
+    color: #aaa;
+    position: absolute; /* Position it absolutely within the modal content */
+    top: 0.1px; /* Adjust as needed */
+    right: 20px; /* Adjust as needed */
+    font-size: 28px;
+    font-weight: bold;
+  }
+
   .close:hover,
   .close:focus {
     color: black;