.frontPageForm {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    row-gap: 16px;
    column-gap: 22px;
}

@media screen and (max-width: 768px) {
    .frontPageForm {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
}

.frontPageForm__name {
    grid-row: 1 / 2;
    grid-column: 1 / 4;
}

@media screen and (max-width: 1024px) {
    .frontPageForm__name {
        grid-column: 1 / 7;
    }
}

.frontPageForm__email {
    grid-row: 2 / 3;
    grid-column: 1 / 4;
}

@media screen and (max-width: 1024px) {
    .frontPageForm__email {
        grid-column: 1 / 7;
    }
}

.frontPageForm__phone {
    grid-row: 1 / 2;
    grid-column: 4 / 7;
}

@media screen and (max-width: 1024px) {
    .frontPageForm__phone {
        grid-column: 7 / 13;
    }
}

.frontPageForm__company {
    grid-row: 2 / 3;
    grid-column-start: 3;
    grid-column: 4 / 7;
}

@media screen and (max-width: 1024px) {
    .frontPageForm__company {
        grid-column: 7 / 13;
    }
}

.frontPageForm__comment {
    grid-row: 1 / 3;
    grid-column: 7 / -1;
}

@media screen and (max-width: 1024px) {
    .frontPageForm__comment {
        grid-row: 3 / 4;
        grid-column: 1 / -1;
    }

    .frontPageForm__comment textarea {
        min-height: 140px;
        max-height: 140px;
    }
}

.frontPageForm__policy {
    grid-row: 3 / 4;
    grid-column: 1/ -1;
}

@media screen and (max-width: 1024px) {
    .frontPageForm__policy {
        grid-row: 4 / 5;
    }
}

.frontPageForm__controls {
    grid-row: 4 / 5;
    grid-column: 1 / -1;
    margin-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
    .frontPageForm__controls {
        grid-row: 5 / 6;
    }
}

@media screen and (max-width: 768px) {
    .frontPageForm__controls {
        flex-direction: column;
    }
}