<div class="d-flex justify-content-center"><div class="d-flex flex-column flex-grow-1" style="width: 100%; max-width: 800px;"><div role="tablist" class="cx-MuiToggleButtonGroup-root d-flex"><button class="cx-MuiButtonBase-root cx-MuiToggleButton-root cx-MuiToggleButtonGroup-grouped cx-MuiToggleButtonGroup-groupedHorizontal css-q9naeh" tabindex="0" type="button" value="general" title="General Info" role="tab" aria-selected="false" aria-label="General Info"><span class="cx-MuiToggleButton-label"><div class="d-flex flex-column align-items-center"><p class="cx-MuiTypography-root d-flex cx-MuiTypography-body1 cx-MuiTypography-colorTextPrimary">General Info</p></div></span></button><button class="cx-MuiButtonBase-root cx-MuiToggleButton-root cx-MuiToggleButtonGroup-grouped cx-MuiToggleButtonGroup-groupedHorizontal css-14q2qkt Mui-selected" tabindex="0" type="button" value="biographical" title="Biographical Info" role="tab" aria-selected="true" aria-label="Biographical Info"><span class="cx-MuiToggleButton-label"><div class="d-flex flex-column align-items-center"><p class="cx-MuiTypography-root d-flex cx-MuiTypography-body1 cx-MuiTypography-colorPrimary">Biographical Info</p></div></span></button><button class="cx-MuiButtonBase-root cx-MuiToggleButton-root cx-MuiToggleButtonGroup-grouped cx-MuiToggleButtonGroup-groupedHorizontal css-14q2qkt" tabindex="0" type="button" value="contact" title="Contact Info" role="tab" aria-selected="false" aria-label="Contact Info"><span class="cx-MuiToggleButton-label"><div class="d-flex flex-column align-items-center"><p class="cx-MuiTypography-root d-flex cx-MuiTypography-body1 cx-MuiTypography-colorTextPrimary">Contact Info</p></div></span></button><button class="cx-MuiButtonBase-root cx-MuiToggleButton-root cx-MuiToggleButtonGroup-grouped cx-MuiToggleButtonGroup-groupedHorizontal css-14q2qkt" tabindex="0" type="button" value="emergency" title="Emergency Contacts" role="tab" aria-selected="false" aria-label="Emergency Contacts"><span class="cx-MuiToggleButton-label"><div class="d-flex flex-column align-items-center"><p class="cx-MuiTypography-root d-flex cx-MuiTypography-body1 cx-MuiTypography-colorTextPrimary">Emergency Contacts</p></div></span></button></div><div class="mt-4"><section class="cx-MuiPaper-root cx-MuiPaper-elevation1 cx-MuiPaper-rounded" aria-labelledby="e55a17f8-488b-1c2a-461e-08b574c326b3" style="padding: 12px;"><div class="d-flex justify-content-between align-items-center" style="min-height: 40px;"><div class="cx-MuiBox-root cx-jss27"><h2 class="cx-MuiTypography-root mr-1 cx-MuiTypography-h3" id="e55a17f8-488b-1c2a-461e-08b574c326b3"><span class="d-flex align-items-center">Names</span></h2></div><div></div></div><hr class="cx-MuiDivider-root" aria-hidden="true" style="margin-top: 12px; margin-bottom: 12px;"><div class="css-oi33ry e190wxqh0"><div class=" d-flex align-items-center justify-content-between px-2 py-1" style="background: rgb(245, 246, 250); min-height: 2.5rem; border-radius: 4px;"><p class="cx-MuiTypography-root cx-MuiTypography-body1 cx-MuiTypography-colorTextSecondary">Preferred Name: </p><div class="d-flex align-items-center"><p class="cx-MuiTypography-root mr-2 cx-MuiTypography-body1"> Juan Pablo Fiallos </p><div><div><button class="cx-MuiButtonBase-root cx-MuiIconButton-root" tabindex="0" type="button"><span class="cx-MuiIconButton-label"><svg class="cx-MuiSvgIcon-root" focusable="false" viewBox="-3 -2 24 24" color="#757FA9" aria-hidden="true"><g fill="none" fill-rule="evenodd"><path d="M-3-3h24v24H-3z"></path><path fill="currentColor" fill-rule="nonzero" d="M0 14.46v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15L14.81 6.94l-3.75-3.75L.15 14.1c-.1.1-.15.22-.15.36zM17.71 4.04a.996.996 0 0 0 0-1.41L15.37.29a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></g></svg><span class="sr-only">Edit Preferred Name</span></span></button></div></div></div></div><div class=" d-flex align-items-center justify-content-between px-2 py-1" style="background: rgb(245, 246, 250); min-height: 2.5rem; border-radius: 4px;"><p class="cx-MuiTypography-root cx-MuiTypography-body1 cx-MuiTypography-colorTextSecondary">Primary Name: </p><div class="d-flex align-items-center"><p class="cx-MuiTypography-root mr-2 cx-MuiTypography-body1"> Juan Pablo Fiallos </p><div></div></div></div></div></section><section class="cx-MuiPaper-root mt-2 cx-MuiPaper-elevation1 cx-MuiPaper-rounded" aria-labelledby="e78a6a86-f4b2-8d43-06a1-8807455bfb5a" style="padding: 12px;"><div class="d-flex justify-content-between align-items-center" style="min-height: 40px;"><div class="cx-MuiBox-root cx-jss28"><h2 class="cx-MuiTypography-root mr-1 cx-MuiTypography-h3" id="e78a6a86-f4b2-8d43-06a1-8807455bfb5a">Biographical Information</h2></div></div><div class="my-2 pb-1"></div><div class="css-oi33ry e190wxqh0"><div class=" d-flex align-items-center justify-content-between px-2 py-1" style="background: rgb(245, 246, 250); min-height: 2.5rem; border-radius: 4px;"><p class="cx-MuiTypography-root cx-MuiTypography-body1 cx-MuiTypography-colorTextSecondary">Date of Birth: </p><div class="d-flex align-items-center"><p class="cx-MuiTypography-root mr-2 cx-MuiTypography-body1">11/12/2005</p></div></div></div></section></div></div></div>
