.goals { background: #f6faf9; }
.goals-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 10%;
}
.goals-grid > div > p:last-child {
  max-width: 500px;
  color: #4a646d;
  font-size: 1.08rem;
  margin: 24px 0 0;
}
.goals ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #b9d1d5;
}
.goals li {
  font-size: 1.05rem;
  font-weight: 600;
  padding: 23px 0;
  border-bottom: 1px solid #b9d1d5;
}
.goals li::before {
  content: "✓";
  display: inline-block;
  color: #168193;
  font-weight: 800;
  margin-right: 18px;
}
@media (max-width: 850px) {
  .goals-grid { grid-template-columns: 1fr; gap: 34px; }
}

.form-area {
  display: grid;
  grid-template-columns: 35% 1fr;
  gap: 10%;
  border-top: 1px solid rgba(255,255,255,.25);
  margin-top: 75px;
  padding-top: 65px;
}
.form-heading h3 { font-size: 1.7rem; line-height: 1.25; }
.form-heading > p:last-child { color: #d8e8e9; margin-top: 17px; }
.contact-form { display: grid; gap: 22px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.contact-form label { display: block; font-size: .9rem; font-weight: 700; margin-bottom: 9px; }
.contact-form .optional { color: #b9d6d9; font-weight: 400; }
.contact-form input,.contact-form textarea {
  display: block;
  width: 100%;
  border: 1px solid #a5c4c9;
  border-radius: 4px;
  background: #fff;
  color: #17333e;
  padding: 14px 15px;
  font: inherit;
  font-size: 1rem;
}
.contact-form input:focus,.contact-form textarea:focus {
  outline: 3px solid #8bd5dc;
  outline-offset: 2px;
}
.contact-form textarea { resize: vertical; min-height: 150px; }
.contact-form .form-privacy { font-size: .9rem!important; margin: 0!important; }
.form-privacy a { color: #d5f4f2; text-underline-offset: 3px; }
.contact-form button { border: 0; cursor: pointer; width: fit-content; }
.spam-field { position: absolute; width: 1px; height: 1px; overflow: hidden; left: -10000px; }
@media (max-width: 850px) {
  .form-area { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 600px) {
  .form-row { grid-template-columns: 1fr; }
  .form-area { margin-top: 60px; padding-top: 50px; }
}

.doctor-portrait {
  display: block;
  width: 100%;
  height: 410px;
  object-fit: cover;
  object-position: center 34%;
  border-radius: 3px;
}
@media (max-width: 850px) { .doctor-portrait { height: 360px; } }
@media (max-width: 600px) { .doctor-portrait { height: 270px; } }