#message-popup {
        position: fixed; /* or absolute */
        top: 10%; /* Adjust as per your nav bar height */
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        padding: 10px;
        z-index: 1000; /* ensures the popup is above other content */
        background-color: #ff9829; /* Orange background for success messages */
        color: white;
        text-align: center;
        border-radius: 8px;
        font-size: 16px; /* Larger font size for better visibility */
        display: none; /* Hide by default and show via JavaScript */
    }