       /* Popup container */
        .popup {
            display: none; /* Hidden by default */
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 300px;
            padding: 20px;
            background-color: transparent;
            box-shadow: 0 0px 0px rgba(0,0,0,0.3);
            z-index: 1000;
            border-radius: 8px;
        }

        /* Close button */
        .close-btn {
            position: absolute;
            top: 25px;
            right: -5px;
            width: 25px;
            height: 25px;
            background-color: red; /* Transparent background */
            border: 2px solid black; /* Black border */
            border-radius: 50%;
            color: black; /* Red text */
            font-size: 25px;
            font-weight: bold;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease, color 0.3s ease;
            z-index: 1010; /* Ensure the button is above the ad */
        }

        .close-btn:hover {
            background-color: black; /* Red background on hover */
            color: red; /* Black text on hover */
        }

        /* Overlay */
        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }