 .modal {
            display: none;
            position: fixed;
            box-sizing: border-box;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            max-width: 560px;
            max-height: 100vh;
            background-color: white;
            padding: 20px;
            color: black;
            text-align: center;
            border-radius: 25px;
            border: 2px solid var(--primary-color);
        }

        .modal-