/* Styling for the popup */
.popup { 
     /* display: none;         */
     /* position: fixed;   */
     position: fixed; 
     top: 0;
    left: 0; 
      width: 100%;
    height: 100%;  
                   /* Dark background */
     justify-content: center;
    align-items: center;
    z-index: 1000; 
} 

.popup-content {
    background-color: rgb(241, 243, 245);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
     width: 100%; 
     /* margin-left: 500px; */
}

.popup h2 {
    margin-bottom: 15px;
}

.popup p {
    margin-bottom: 20px;
}

.popup button {
    padding: 10px 20px;
    margin: 10px;
    font-size: 16px;
    cursor: pointer;
   
}

.popup button:hover {
    background-color:#004274;
}