alr try that

index.html

@@ -314,7 +314,7 @@ <h2 style="font-size: 35px; font-weight: 600;">What's New in v8.6.3</h2>
     </div>
 </center> -
 
-<audio controls autoplay src="/audio/rick.mp3"></audio>
+<audio controls autoplay src="/audio/rick.mp3" style="opacity: 0; color: transparent;"></audio>
 
     <!-- Begin of Chaport Live Chat code -->
     <script type="text/javascript">

popup.js

@@ -2,7 +2,6 @@ document.addEventListener("DOMContentLoaded", function() {
     const popup = document.getElementById("popup");
     const popupContent = document.querySelector(".popup-content");
     const closeBtn = document.querySelector(".close-btn");
-    const audio = document.getElementById("audio");  // Reference to the audio element
 
     if (popup && popupContent && closeBtn) {
         // Show the popup with animation
@@ -13,8 +12,6 @@ document.addEventListener("DOMContentLoaded", function() {
             // Slide up out animation
             popupContent.style.animation = "slideUpOut 0.5s forwards";
 
-            // Play audio when closing the popup
-
             // Hide the popup after the animation ends
             setTimeout(function() {
                 popup.style.display = "none";
@@ -33,11 +30,16 @@ document.addEventListener("DOMContentLoaded", function() {
 
         document.addEventListener("keydown", function(event) {
             if (event.key === "Escape") {
-                audio.play()
                 closePopup();
             }
-        });
+        }); 
+
     } else {
         console.error("One or more required elements not found.");
     }
+
+    window.onload = function() {
+        var audio = document.getElementById('audio');
+        audio.play()
+    };
 });