Alert Messages : (close) icon is not working, check once

index.html

@@ -17,10 +17,10 @@
       <div class="flex-1">
         Could not send an email! Please try again later.
       </div>
-      <button onclick="removeQuery()" class="ml-4 text-red-700 hover:text-red-900">
+      <button id="close-fail-alert" class="ml-4 text-red-700 hover:text-red-900">
         <i data-feather="x" class="w-5 h-5"></i>
       </button>
-    </div>
+</div>
   </div>
 
   <div id="success_email" class="hidden fixed top-4 right-4 max-w-md bg-green-100 border-l-4 border-green-500 text-green-700 p-4 rounded shadow-lg z-50">
@@ -29,10 +29,10 @@
       <div class="flex-1">
         We have sent you an email. Please check your inbox. If you cannot view it in your primary inbox, please check your Spam or Junk folder.
       </div>
-      <button onclick="removeQuery()" class="ml-4 text-green-700 hover:text-green-900">
+      <button id="close-success-alert" class="ml-4 text-green-700 hover:text-green-900">
         <i data-feather="x" class="w-5 h-5"></i>
       </button>
-    </div>
+</div>
   </div>
 <!---Twitter Card data -->
     <meta name="twitter:card" content="summary_large_image">
@@ -355,11 +355,12 @@
                 });
         });
     </script>
-	<script>
+<script>
 document.addEventListener("DOMContentLoaded", function () {
-
   const successAlert = document.getElementById("success_email");
   const failAlert = document.getElementById("fail_email");
+  const closeSuccessBtn = document.getElementById("close-success-alert");
+  const closeFailBtn = document.getElementById("close-fail-alert");
 
   // Hide both initially
   successAlert.classList.add("hidden");
@@ -375,13 +376,19 @@ document.addEventListener("DOMContentLoaded", function () {
   }
 
   // Close button logic
-  document.querySelectorAll(".close-alert").forEach(btn => {
-    btn.addEventListener("click", () => {
+  if (closeSuccessBtn) {
+    closeSuccessBtn.addEventListener("click", () => {
       successAlert.classList.add("hidden");
+      removeQuery();
+    });
+  }
+
+  if (closeFailBtn) {
+    closeFailBtn.addEventListener("click", () => {
       failAlert.classList.add("hidden");
       removeQuery();
     });
-  });
+  }
 
   // Feather icons render
   if (window.feather) {