.container{
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 4px solid black; */
}


.grid {
    display: grid;
    grid-template-areas:
    'contact contract'
    'map contract';
    width: 80%;

}

.contact { grid-area: contact }
.contract { grid-area: contract }
.map { grid-area: map }

/* .grid > div {
    border: 2px dashed grey;
} */

.contract {
    padding: 30px;
}


form{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 30px;
    /* background-color: lightgrey;
    border-radius: 30px; */
}
.names {
    display: flex;
}
.form-flex {
    /* border: 2px dashed rgb(255, 0, 0); */
    display: flex;
    flex-direction: column;
    padding: 10px;
}