.technical-support textarea,
  .technical-support input {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--color-black);
    border-radius: 5px;
  }
  .technical-support{
      padding-bottom: 100px;
  }

form {
  display: grid;
  gap: 20px;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
}

form > label:nth-of-type(1) {
    grid-column: 1;
    grid-row: 1
}
form > input:nth-of-type(1) {
    grid-column: 1;
    grid-row: 2
}

form > label:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1
}

form > input:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2
}


form > label:nth-of-type(3) {
    grid-column: 1;
    grid-row: 3
}
form > select:nth-of-type(1) {
    grid-column: 1;
    grid-row: 4
}

form > label:nth-of-type(4) {
    grid-column: 2;
    grid-row: 3
}
form > input:nth-of-type(3) {
    grid-column: 2;
    grid-row:4
}


form > label:nth-of-type(5) {
    grid-column: 1;
    grid-row: 5
}
form > input:nth-of-type(4) {
    grid-column: 1;
    grid-row: 6
}

form > label:nth-of-type(6) {
    grid-column: 2;
    grid-row: 5
}
form > input:nth-of-type(5) {
    grid-column: 2;
    grid-row: 6
}

form > label:nth-of-type(7) {
    grid-column: span 2;
    grid-row: 7
}
form > textarea:nth-of-type(1) {
    grid-column: span 2;
    grid-row: 8
}

form button {
  justify-self: start;
  grid-column: 1;
}

@media (max-width: 600px) {
  form {
    display: flex;
    flex-direction: column;
  }
}