.popup {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 250px;
        max-width: 550px;
        max-height: 80%;
        background: #fff;
        color: #000;
        padding:10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 9999;
        border-radius:5px;
        border: solid 1px #666;
        overflow-y: auto;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9998;
}
.no-scroll { overflow: hidden;}
.closePopup{float:right; font-size: 1.3em; border:none;}
.popup p{ margin: 10px;}