/* CONTACT */

.contact-grid {
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:56px;
  align-items:start
}

.contact-items {
  display:flex;
  flex-direction:column;
  gap:20px;
  margin-top:8px
}

.contact-item {
  display:flex;
  gap:16px;
  align-items:flex-start
}

.contact-icon {
  width:42px;
  height:42px;
  background:rgba(0, 154, 157, .10);
  border:1px solid rgba(0, 154, 157, .22);
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  flex-shrink:0
}

.contact-item h5 {
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:4px;
  font-weight:600
}

.contact-item p, .contact-item a {
  font-size:14px;
  color:var(--text-primary);
  text-decoration:none;
  line-height:1.5
}

.contact-item a:hover {
  color:var(--orange-light)
}

.contact-form {
  background:var(--steel-light);
  border:1px solid var(--border);
  border-radius:4px;
  padding:36px
}

.contact-form h3 {
  font-size:19px;
  font-weight:600;
  margin-bottom:26px
}

.form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}

.form-group {
  margin-bottom:16px
}

.form-group label {
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--text-muted);
  display:block;
  margin-bottom:6px;
  font-weight:500
}

.form-group input, .form-group select, .form-group textarea {
  width:100%;
  background:var(--steel-dark);
  border:1px solid var(--border);
  color:var(--text-primary);
  padding:11px 14px;
  border-radius:3px;
  font-size:14px;
  font-family:inherit;
  transition:.15s
}

.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  outline:none;
  border-color:var(--orange)
}

.form-group textarea {
  height:110px;
  resize:vertical
}

.form-group select option {
  background:var(--steel-dark)
}

.submit-row {
  display:flex;
  justify-content:flex-end;
  margin-top:4px
}

.success-msg {
  display:none;
  background:rgba(0, 154, 157, .10);
  border:1px solid rgba(0, 154, 157, .30);
  color:var(--orange-light);
  padding:14px 18px;
  border-radius:3px;
  margin-top:14px;
  font-size:13px
}
