.o-form {
    
}

.o-form input,
input[type="text" i] {
    border: none;
    border-bottom: 1px solid #f7f7f7;
    padding-block: 5px;
    width: calc(100% - 5px);
}

input:focus-visible {
    outline: none;
}

.o-form__form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    margin-inline: 50px; 
}

.o-form__heading {

}

.o-form__name {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    grid-column: 1 / -1;
    margin-bottom: 20px;

}

.o-form__first-name,
.o-form__last-name {
    display: flex;
    flex-direction: column;
    text-align: left;
    flex: 1;
}

.o-form__email {
    grid-column: 1;
    grid-row: 2;
    margin-right: 10px;
}

.o-form__phone {
    grid-column: 2;
    grid-row: 2;
    margin-left: 10px;
}

.o-form__submit {
    grid-column: 1 / -1;
    grid-row: 3;
}

.o-form__submit input {
    width: 100%;
    padding-block: 20px;
}