#termsPopupOverlay {

    display: none;

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.55);

    z-index: 9999;

    align-items: center;

    justify-content: center;

    padding: 20px;

  }


#termsPopup {

  background: #fff;

  max-width: 520px;

  width: 100%;

  padding: 28px;

  border-radius: 8px;

  box-shadow: 0 10px 30px rgba(0,0,0,0.25);

  font-family: Arial, sans-serif;

  color: #222;

}


#termsPopup,

#termsPopup h2,

#termsPopup p,

#termsPopup li {

  color: #222;

}


#termsPopup ul {

  padding-left: 20px;

  list-style-type: disc;

}


#termsPopup li {

  margin-bottom: 10px;

}

 

  #termsPopup button {

    margin-top: 16px;

    padding: 10px 18px;

    background: #222;

    color: #fff;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    font-size: 15px;

  }

  #termsPopup button:hover {

    background: #444;

  }