diff --git a/src/Components/PatientForm/PatientForm.tsx b/src/Components/PatientForm/PatientForm.tsx
index fa88c64..19e1735 100644
--- a/src/Components/PatientForm/PatientForm.tsx
+++ b/src/Components/PatientForm/PatientForm.tsx
@@ -17,6 +17,7 @@ import FamilyFormSection from './FamilyFormSection2';
 import PainAnalysisSection4 from './PainAnalysisSection4';
 import PastTreatment5 from './PastTreatment5';
 import SystemReviewSection6 from './SyestemReviewSection6';
+import RecreationalHobbiesSection7 from './RecreationalHobbiesSection7';
 
 interface Patient {
     fullName: string;
@@ -180,6 +181,16 @@ export default function PatientForm(){
                             </AccordionDetails>
                         </Accordion>
 
+                        <Accordion expanded={expanded === 'panel7'} onChange={handleExpandChange('panel7')}>
+                            <AccordionSummary aria-controls="panel7d-content" id="panel7d-header">
+                                <Typography sx={{fontSize:18}}>Recreational Activities/Hobbies Details</Typography>
+                            </AccordionSummary>
+                            
+                            <AccordionDetails>
+                                <RecreationalHobbiesSection7/>
+                            </AccordionDetails>
+                        </Accordion>
+
                         <FormGroup sx={{ marginTop: 3 }}>
                           <FormControlLabel
                             required
diff --git a/src/Components/PatientForm/RecreationalHobbiesSection7.tsx b/src/Components/PatientForm/RecreationalHobbiesSection7.tsx
new file mode 100644
index 0000000..9e1857b
--- /dev/null
+++ b/src/Components/PatientForm/RecreationalHobbiesSection7.tsx
@@ -0,0 +1,230 @@
+import { FormControl, FormControlLabel, FormLabel, Grid, Radio, RadioGroup, TextField } from "@mui/material";
+import React from "react";
+
+interface FormValues {
+    hobbies: string;
+    educationLevel: string;
+    excercise:string;
+    tobacco: string;
+    alcohol: string;
+    healthyDiet: string;
+    sleep: string;
+    workSchool: string;
+    familyLife: string;
+    drugs: string;
+  }
+
+export default function RecreationalHobbiesSection7(){
+    const [values, setValues] = React.useState<FormValues>({
+          hobbies: '',
+          educationLevel: '',
+          excercise:'',
+          tobacco: '',
+          alcohol: '',
+          healthyDiet: '',
+          sleep: '',
+          workSchool: '',
+          familyLife: '',
+          drugs: '',
+      });
+    return(
+        <>
+        {/* <Grid item xs={12} className='collapsable-form-style'> 
+            <FormLabel sx={{fontWeight:600}}>Please choose body areas or systems where you may have problems:</FormLabel>
+        </Grid> */}
+        <Grid container direction="row">
+        <Grid item xs={6} className='collapsable-form-style-multiline'>
+          <FormLabel>Recreational Activities/Hobbies:</FormLabel>
+                <TextField 
+                multiline
+                variant="outlined"
+                label="" 
+                name='explanation'
+                onChange={(event:any) => {
+                  setValues((prevValues) => ({
+                    ...prevValues,
+                    hobbies: event.target.value,
+                  }));
+                }}
+                />
+          </Grid>
+
+        <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+                <FormControl>
+                    <FormLabel>Your education level:</FormLabel>
+                    <RadioGroup
+                        sx={{display:'flex', flexDirection:'row'}}
+                        onChange={(event) => {
+                          setValues((prevValues) => ({
+                            ...prevValues,
+                            educationLevel: event.target.value,
+                          }));
+                        }}
+                        >
+                        <FormControlLabel value="High School" control={<Radio />} label="High School" />
+                        <FormControlLabel value="Some college" control={<Radio />} label="Some college" />
+                        <FormControlLabel value="College Graduate" control={<Radio />} label="College Graduate" />
+                        <FormControlLabel value="Post college" control={<Radio />} label="Post college" />
+                        <FormControlLabel value="Other" control={<Radio />} label="Other" />
+                    </RadioGroup>
+              </FormControl>
+          </Grid>
+          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+                <FormControl>
+                    <FormLabel>Do you excercise?</FormLabel>
+                    <RadioGroup
+                        name="painDuration"
+                        sx={{display:'flex', flexDirection:'row'}}
+                        onChange={(event) => {
+                          setValues((prevValues) => ({
+                            ...prevValues,
+                            excercise: event.target.value,
+                          }));
+                        }}
+                        >
+                        <FormControlLabel value="Yes" control={<Radio />} label="Yes" />
+                        <FormControlLabel value="No" control={<Radio />} label="No" />
+                    </RadioGroup>
+              </FormControl>
+          </Grid>
+
+          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+                <FormControl>
+                    <FormLabel>Use tobacco?</FormLabel>
+                    <RadioGroup
+                        name="painDuration"
+                        sx={{display:'flex', flexDirection:'row'}}
+                        onChange={(event) => {
+                          setValues((prevValues) => ({
+                            ...prevValues,
+                            tobacco: event.target.value,
+                          }));
+                        }}
+                        >
+                        <FormControlLabel value="Yes" control={<Radio />} label="Yes" />
+                        <FormControlLabel value="No" control={<Radio />} label="No" />
+                    </RadioGroup>
+              </FormControl>
+          </Grid>
+
+          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+                <FormControl>
+                    <FormLabel>Consume alcohol?</FormLabel>
+                    <RadioGroup
+                        name="painDuration"
+                        sx={{display:'flex', flexDirection:'row'}}
+                        onChange={(event) => {
+                          setValues((prevValues) => ({
+                            ...prevValues,
+                            alcohol: event.target.value,
+                          }));
+                        }}
+                        >
+                        <FormControlLabel value="Yes" control={<Radio />} label="Yes" />
+                        <FormControlLabel value="No" control={<Radio />} label="No" />
+                    </RadioGroup>
+              </FormControl>
+          </Grid>
+
+          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+                <FormControl>
+                    <FormLabel>Have a healthy diet?</FormLabel>
+                    <RadioGroup
+                        name="painDuration"
+                        sx={{display:'flex', flexDirection:'row'}}
+                        onChange={(event) => {
+                          setValues((prevValues) => ({
+                            ...prevValues,
+                            healthyDiet: event.target.value,
+                          }));
+                        }}
+                        >
+                        <FormControlLabel value="Yes" control={<Radio />} label="Yes" />
+                        <FormControlLabel value="No" control={<Radio />} label="No" />
+                    </RadioGroup>
+              </FormControl>
+          </Grid>
+
+          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+                <FormControl>
+                    <FormLabel>Get adequate sleep?</FormLabel>
+                    <RadioGroup
+                        name="painDuration"
+                        sx={{display:'flex', flexDirection:'row'}}
+                        onChange={(event) => {
+                          setValues((prevValues) => ({
+                            ...prevValues,
+                            sleep: event.target.value,
+                          }));
+                        }}
+                        >
+                        <FormControlLabel value="Yes" control={<Radio />} label="Yes" />
+                        <FormControlLabel value="No" control={<Radio />} label="No" />
+                    </RadioGroup>
+              </FormControl>
+          </Grid>
+
+          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+                <FormControl>
+                    <FormLabel>Is Work/School stressful to you?</FormLabel>
+                    <RadioGroup
+                        name="painDuration"
+                        sx={{display:'flex', flexDirection:'row'}}
+                        onChange={(event) => {
+                          setValues((prevValues) => ({
+                            ...prevValues,
+                            workSchool: event.target.value,
+                          }));
+                        }}
+                        >
+                        <FormControlLabel value="Yes" control={<Radio />} label="Yes" />
+                        <FormControlLabel value="No" control={<Radio />} label="No" />
+                    </RadioGroup>
+              </FormControl>
+          </Grid>
+
+          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+                <FormControl>
+                    <FormLabel>Family life stressful to you?</FormLabel>
+                    <RadioGroup
+                        name="painDuration"
+                        sx={{display:'flex', flexDirection:'row'}}
+                        onChange={(event) => {
+                          setValues((prevValues) => ({
+                            ...prevValues,
+                            familyLife: event.target.value,
+                          }));
+                        }}
+                        >
+                        <FormControlLabel value="Yes" control={<Radio />} label="Yes" />
+                        <FormControlLabel value="No" control={<Radio />} label="No" />
+                    </RadioGroup>
+              </FormControl>
+          </Grid>
+
+          <Grid item xs={12} className='collapsable-form-style-radioButtons'>
+                <FormControl>
+                    <FormLabel>use recreational drugs?</FormLabel>
+                    <RadioGroup
+                        name="painDuration"
+                        sx={{display:'flex', flexDirection:'row'}}
+                        onChange={(event) => {
+                          setValues((prevValues) => ({
+                            ...prevValues,
+                            drugs: event.target.value,
+                          }));
+                        }}
+                        >
+                        <FormControlLabel value="Yes" control={<Radio />} label="Yes" />
+                        <FormControlLabel value="No" control={<Radio />} label="No" />
+                    </RadioGroup>
+              </FormControl>
+          </Grid>
+  
+          
+          
+            
+        </Grid>
+        </>
+    )
+}
\ No newline at end of file