.contact-lead {
  grid-area: 2/1/3/10;
  max-width: 63ch;
  top: -0.5rem;
}

.contact-01 {
  grid-area: 3/1/4/4;
}

/* @media (max-width: 800px) {
    .contact-01 {
        grid-area: 2 / 1 / 3 / 4;
    }
} */
.contact-01 p {
  margin-bottom: 1.5rem;
}

.contact-02 {
  grid-area: 3/4/4/7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .contact-02 {
    grid-area: 5/1/6/7;
  }
}
@media (max-width: 600px) {
  .contact-02 {
    grid-area: 5/1/6/5;
  }
}
/* @media (max-width: 800px) {
    .contact-02 {
        grid-area: 4 / 1 / 5 / 5;
    }
} */
.contact-03 {
  grid-area: 3/10/4/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 600px) {
  .contact-03 {
    grid-area: 3/2/4/5;
  }
}
@media (max-width: 800px) {
  /* .contact-03 {
      grid-area: 2 / 4 / 3 / 5;
      justify-content: flex-end;
  } */
}
.contact-image {
  grid-area: 1/8/2/13;
  height: 36.5rem;
}

@media (max-width: 991px) {
  .contact-image {
    grid-area: 2/1/3/13;
  }
}
@media (max-width: 600px) {
  .contact-image {
    grid-area: 2/1/3/5;
  }
}
.contact-form {
  grid-area: 1/1/2/7;
}

@media (max-width: 991px) {
  .contact-form {
    grid-area: 1/1/2/13;
  }
}
@media (max-width: 600px) {
  .contact-form {
    grid-area: 1/1/2/5;
  }
}
.is-contact-form {
  border-width: 0ch;
}

.contact01-a p,
.contact-02a p,
.contact03-a p {
  margin-bottom: 1.5rem;
}

.specs-table-wrap {
  grid-area: 1/7/2/13;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  border-color: var(--line);
  border-width: 1px 0;
  /* 1px top border, 0px right/left border, 0px bottom border */
  border-style: solid;
}

.field_parent:hover .field_line {
  opacity: 0.5;
}

.field_parent:focus-within .field_line {
  opacity: 1;
}

.full-opacity {
  opacity: 1 !important;
}

.field {
  height: 3em;
  margin-bottom: 0em;
  padding: 0em;
  border: 0px solid var(--dark);
  border-radius: 0px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: var(--light);
  font-weight: 400;
}

.field::-webkit-input-placeholder {
  color: var(--light);
}

.field::-moz-placeholder {
  color: var(--light);
}

.field:-ms-input-placeholder {
  color: var(--light);
}

.field::-ms-input-placeholder {
  color: var(--light);
}

.field::placeholder {
  color: var(--light);
}

.field_parent {
  position: relative;
  margin-bottom: 1rem;
  /* font-size: 2rem */
}

.field_line {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-bottom: -0.2rem;
  opacity: 0.4;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  border-bottom: 1px solid var(--dark);
}

.submit {
  margin-bottom: 0.2em;
  padding: 0em;
  background-color: transparent;
  color: #000;
  font-size: 2em;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* .custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.custom-checkbox input[type="checkbox"] {
    appearance: none;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    border: 2px solid black;
    background-color: transparent;
    cursor: pointer;
    position: relative;
}

.custom-checkbox input[type="checkbox"]:checked {
    background-color: red;
}

.custom-checkbox .checkbox-label {
    font-size: 0.875rem;
}

.custom-checkbox .checkbox-label a {
    text-decoration: underline;
} */
.cf-field1 {
  grid-area: 1/1/2/2;
}

@media (max-width: 600px) {
  .cf-field1 {
    grid-area: 1/1/2/3;
  }
}
.cf-field2 {
  grid-area: 2/1/3/2;
}

@media (max-width: 600px) {
  .cf-field2 {
    grid-area: 3/1/4/3;
  }
}
.cf-field3 {
  grid-area: 2/2/3/3;
}

@media (max-width: 600px) {
  .cf-field3 {
    grid-area: 4/1/5/3;
  }
}
.cf-field4 {
  grid-area: 3/1/4/3;
}

.cf-field5 {
  grid-area: 3/1/4/3;
}

@media (max-width: 600px) {
  .cf-field5 {
    grid-area: 5/1/6/3;
  }
}

.is-contact-form {
  border-width: 0ch;
  row-gap: 2rem;
}

.form-input {
  height: 3rem;
  background-color: transparent;
}

.submit-wrap {
  grid-area: 4/2/5/2;
}

@media (max-width: 600px) {
  .submit-wrap {
    grid-area: 8/1/7/3;
  }
}
.form-wrap {
  grid-area: 2/7/6/13;
}

.cs-field2a {
  grid-area: 1/2/2/3;
}

@media (max-width: 600px) {
  .cs-field2a {
    grid-area: 2/1/3/3;
  }
}

.textarea-height {
  height: 16rem;
}

.contact-border-top {
  /* border-top: 1px solid var(--dark);
  opacity: 0.4; */
}

.underline {
  text-decoration: underline;
}

.checkbox-label a {
  text-decoration: underline !important;
}