.BookAppointment{display:flex;padding:80px;flex-direction:column;align-items:center;width:100%;background:var(--Green---Primary-50,#e6f0ec)}@media screen and (max-width:768px){.BookAppointment{padding:40px 16px}}.BookAppointment .BookAppointmentWrapper{display:flex;width:100%;flex-direction:column;align-items:center;gap:40px;max-width:650px}@media screen and (max-width:768px){.BookAppointment .BookAppointmentWrapper{max-width:100%}}.BookAppointment .BookAppointmentWrapper .upp{display:flex;flex-direction:column;align-items:center;gap:24px}.BookAppointment .BookAppointmentWrapper .upp h1{color:var(--Green---Primary-800,#003721);text-align:center;font-size:48px;font-style:normal;font-weight:700;line-height:120%}@media screen and (max-width:768px){.BookAppointment .BookAppointmentWrapper .upp h1{font-size:32px}}.BookAppointment .BookAppointmentWrapper .upp .desc{color:var(--Neutral---Seondary-900,#36383a);text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:150%;opacity:.7;max-width:90%}@media screen and (max-width:768px){.BookAppointment .BookAppointmentWrapper .upp .desc{font-size:16px;max-width:100%}}.BookAppointment .BookAppointmentWrapper .FormWrapper{display:flex;padding:40px;flex-direction:column;align-items:center;gap:12px;flex-shrink:0;align-self:stretch;border-radius:14px;background:var(--Neutral-100,#fff);box-shadow:24px 24px 40px 0 rgba(0,0,0,.04);flex:1 1;align-items:flex-start}@media screen and (max-width:768px){.BookAppointment .BookAppointmentWrapper .FormWrapper{padding:16px}}.BookAppointment .BookAppointmentWrapper .FormWrapper form{margin-top:-22px}.formWrap{flex-direction:column;justify-content:center;align-items:center}.formWrap,.formWrap .dual{display:flex;gap:22px;align-self:stretch}.formWrap .dual{align-items:flex-start}@media screen and (max-width:768px){.formWrap .dual{flex-direction:column}}.formWrap .inputfield{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:16px}.formWrap fieldset,.formWrap fieldset:focus{border-color:var(--primary)}.formWrap .MuiFormControl-root{width:100%}.formWrap .MuiFormControl-root .MuiInputBase-root{border-radius:8px;background-color:#fff}.formWrap .MuiFormControl-root .MuiInputBase-root:hover{background-color:#eaeaea}.formWrap .MuiFormControl-root .MuiInputBase-root.Mui-focused{background-color:#f5f5f5;box-shadow:0 0 4px rgba(0,0,0,.2)}.formWrap .MuiFormControl-root .MuiOutlinedInput-notchedOutline{border:1px solid var(--primary)}.formWrap .MuiFormControl-root .MuiOutlinedInput-notchedOutline:hover{border-color:var(--primary)}.formWrap .MuiFormControl-root .MuiInputLabel-root,.formWrap .MuiFormControl-root .MuiInputLabel-root.Mui-focused{color:var(--primary)}.formWrap .mui-tel-input-wrapper{width:100%}.formWrap button{align-self:stretch}.formWrap button.disabled{opacity:.5}.formWrap .privacy{display:flex;align-self:start;padding-left:20px}.formWrap .privacy label{display:flex;align-items:center;gap:12px;align-self:stretch;color:var(--Neutral---Seondary-500,#828488);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.formWrap .privacy label .MuiCheckbox-root{display:flex;width:20px;height:20px;padding:3px;justify-content:center;align-items:center;border-radius:6px;border:1px solid rgba(0,0,0,0);background:var(--Basic-White,#fff)}.formWrap .privacy a{text-decoration:underline}