change sidecart font weight

src/components/SideCart/SideCart.jsx

@@ -108,14 +108,32 @@ const SideCart = ({ open, onClose }) => {
 
                       {/* Product Details */}
                       <Grid item size={10} sx={{ paddingLeft: 1 }}>
-                        <Typography variant="body1" sx={{ lineHeight: 1, fontWeight: "bold" }}>
+                        <Typography variant="body2" sx={{
+                          fontWeight: "400", fontSize: {
+                            xs: "0.875rem",
+                            sm: "0.875rem",
+                            md: "1.1rem",
+                          }
+                        }}>
                           {product?.title}
                         </Typography>
-                        <Typography variant='body1' sx={{ fontWeight: "bold", mb: 1 }}>{`VARIANT: ${title}`}</Typography>
+                        <Typography variant="body2" sx={{
+                          fontWeight: "100", fontSize: {
+                            xs: "0.875rem",
+                            sm: "0.875rem",
+                            md: "1.1rem",
+                          }
+                        }}>{`VARIANT: ${title}`}</Typography>
 
                         <Box sx={{ display: "flex", alignItems: "center" }}>
 
-                          <Typography variant='body1' sx={{ fontWeight: "bold" }}>{`${currencyCode} ${parseFloat(amount).toFixed(2)}`}</Typography>
+                          <Typography variant="body2" sx={{
+                            fontWeight: "100", fontSize: {
+                              xs: "0.875rem",
+                              sm: "0.875rem",
+                              md: "1.1rem",
+                            }
+                          }}>{`${currencyCode} ${parseFloat(amount).toFixed(2)}`}</Typography>
 
                           <Box sx={{ display: "flex", ml: "auto" }}>
                             <IconButton onClick={() => {
@@ -195,7 +213,7 @@ const SideCart = ({ open, onClose }) => {
                 </Typography>
               </Box>
             </Grid>
-            <Grid item size={12} sx={{textAlign:"center"}}>
+            <Grid item size={12} sx={{ textAlign: "center" }}>
               <Button
                 variant="contained"
                 color="primary"