.modal {
    /* width: 900px;
    height: 800px;*/
    /*top: 60%;
    left: 35%;*/
    /* position: absolute;
    width: 100%;
    height: calc(100vh - 50px);
    top: 50%;*/
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
}

.modal-header {
    background-color: var(--secondary-color,#14264f); /*#05162a;*/
    color: #333;
    font-family: var(--font-family, 'Nunito-SemiBold');
    text-transform: uppercase;
}

.modal-header button {
    background-color: var(--secondary-color,#14264f);
    color: #333;
    font-family: var(--font-family, 'Nunito-SemiBold');
}