               opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }


        #modalContent {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            max-height: 80vh; /* Adjust height as needed */
            overflow-y: auto; /* Enables scrolling */
        }

        #popupModal {
            will-change: transform;
        }

        .close-btn {
      