.form-content{
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap:30px;
}

.form-content select{
    width: 100%;
}

.form-group{
    grid-column: span 4;
}

.form-group.flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid var(--color-black3);
    border-top: 1px solid var(--color-black3);
    padding: 5px 0;
}

.form-group.flex .input{
    width: 80%;
    padding-right: 8px;
}

#form-group{
    display: none;
}

@media (max-width:800px) {
    .form-group h3{
        font-size: 16px;
    }

    .form-group label{
        width: 70%;
        font-size: 14px;
    }

    .form-group input[type="text"]{
        width: 100%;
    }
}