design theme dark in general information page

components/panel/addDoctor/listMenu/generalInformation/form/RadioGender.js

@@ -4,7 +4,7 @@ function RadioGender() {
   return (
     <RadioGroup
       dir="ltr"
-      className="!flex !flex-row !gap-[36px] !items-center !justify-start"
+      className="!flex radio-mui !flex-row !gap-[36px] !items-center !justify-start"
       defaultValue="female"
       sx={{
         "& .muirtl-j204z7-MuiFormControlLabel-root": {
@@ -12,8 +12,18 @@ function RadioGender() {
         },
       }}
     >
-      <FormControlLabel value="male" control={<Radio />} label="مرد" />
-      <FormControlLabel value="female" control={<Radio />} label="زن" />
+      <FormControlLabel
+        label="مرد"
+        value="male"
+        control={<Radio />}
+        className="!text-[#A1A1A1]"
+      />
+      <FormControlLabel
+        label="زن"
+        value="female"
+        control={<Radio />}
+        className="!text-[#A1A1A1]"
+      />
     </RadioGroup>
   );
 }