.contact-grid {
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas:
    "       item1   item2   "
    "       item1   item3   ";
}

.contact-message-input {
  min-height: 180px;
  border-radius: 16px !important;
  line-height: 1.6;
  padding-top: 16px;
  resize: vertical;
}

html[data-theme="dark"] .contact-message-input {
  border-radius: 16px !important;
}

@media screen and (max-width: 940px) {
  .contact-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "       item3   item2   "
      "       item1   item1   ";
  }
}

@media screen and (max-width: 640px) {
  .contact-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas:
      "       item2   "
      "       item3   "
      "       item1   "
  }
}