.popup {
    display: grid;
    position: fixed;
    top: -100vh;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 80px;
    border-radius: 3px;
    background: #DEE9F6;
    z-index: 9999;
    gap: 40px;
    transition: 1s;
}
.form-popup{
    max-width: 680px;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition-duration: 1s;
}
.form-popup img,
.form-popup .main-button{
    margin: 0 auto;
}
.popup.open{
    transform: translate(-50%, 110vh);
    transition-duration: 1s;
}

@media screen and (max-width: 1420px) {
    .popup {
        padding: 60px;
    }
}
@media screen and (max-width: 992px) {
    .popup {
        padding: 40px;
        width: 90%;
    }
    .popup-container{
        max-height: 90%;
        overflow: scroll;
    }
}
@media screen and (max-width: 576px) {
    .popup.open{
        transform: translate(-50%, 110vh);
        transition-duration: 1s;
    }
}