modified style.css

style.css

@@ -73,20 +73,18 @@ body {
   border-radius: 10px;
   opacity: 0;
   transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
-  z-index: 50; /* Ensure the popup is above the blurred background */
+  z-index: 20; /* Ensure the popup is above the blurred background */
 }
 
 .popup.show {
   display: block;
   opacity: 1;
   transform: translate(-50%, -50%) scale(1); /* Centered and scale effect */
-  z-index: 50;
 }
 
 /* Blur effect for body */
 .blur {
   filter: blur(5px); /* Adjust blur strength */
-  z-index: 30;
 }
 
 /* Dark overlay for better visibility */
@@ -98,7 +96,7 @@ body {
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
-  z-index: 40; /* Overlay below the popup */
+  z-index: 15; /* Overlay below the popup */
 }
 
 .overlay.show {