.appointment-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.appointment-info{position:sticky;top:110px}.appointment-info h2{font:400 42px/1.1 Georgia;margin-bottom:24px}.appointment-info p{color:#667069}.appointment-steps{margin-top:35px;display:grid;gap:18px}.appointment-step{display:flex;gap:14px;align-items:center}.appointment-step span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sand);color:var(--terracotta);font:700 11px Arial}.appointment-step b{font:400 18px Georgia}.appointment-form{background:var(--cream);padding:45px;border-top:4px solid var(--terracotta);box-shadow:0 20px 55px rgba(38,55,47,.08)}.appointment-form h2{font:400 38px Georgia;margin-bottom:8px}.appointment-form>p{color:#667069;margin-bottom:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);background:#fffdf9;color:var(--ink);padding:14px 15px;border-radius:2px;font:14px Arial;outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--olive);box-shadow:0 0 0 3px rgba(82,106,88,.1)}.form-field textarea{min-height:110px;resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;margin:22px 0;font-size:12px;color:#667069}.consent input{margin-top:4px}.appointment-submit{width:100%;border:0;background:#25D366;color:white;padding:16px 22px;border-radius:999px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.appointment-submit:hover{background:#20bd5a}.appointment-note{text-align:center;font-size:11px!important;margin:12px 0 0!important}.site-header nav .appointment-nav{background:var(--terracotta);color:#fff!important;padding:11px 17px;border-radius:999px}.site-header nav .appointment-nav:after{display:none}@media(max-width:850px){.appointment-wrap{grid-template-columns:1fr}.appointment-info{position:static}.appointment-form{padding:30px}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.appointment-form{padding:24px 18px}.appointment-info h2{font-size:34px}}