update case study

frontend/package.json

 {
   "name": "frontend",
-  "version": "3.0.8",
+  "version": "3.0.9",
   "private": true,
   "dependencies": {
     "@faceless-ui/slider": "^1.1.14",

frontend/src/pages/CaseStudyPage.jsx

   'Slug',
   'Heading.paragraphs',
   'Stat',
-  'Goal.paragraph',
+  'AboutClient.paragraph',
   'Country',
   'Industry',
-  'Challanges.paragraph',
+  'Domain.paragraph',
+  'Challenges.paragraph',
   'Solution.paragraph',
   'Results.paragraph',
   'CaseStudyImage',
 
             <section
               id="client"
-              className="flex flex-col items-center justify-center mt-4 lg:mx-64"
+              className="flex flex-col items-center justify-center mt-4"
             >
               <div className="my-8 flex flex-col md:flex-row justify-center items-start w-full max-w-custom m-auto px-8 xl:px-0">
-                {data[0].attributes.Goal && (
+                {data[0].attributes.AboutClient && (
                   <div className="w-full md:w-1/2">
                     <h3 className="h3-heading text-teal-600">
-                      {data[0].attributes.Goal.title}
+                      {data[0].attributes.AboutClient.title}
                     </h3>
-                    {data[0].attributes.Goal.paragraph &&
-                      data[0].attributes.Goal.paragraph.length > 0 &&
-                      data[0].attributes.Goal.paragraph.map((item, index) => (
+                    {data[0].attributes.AboutClient.paragraph &&
+                      data[0].attributes.AboutClient.paragraph.length > 0 &&
+                      data[0].attributes.AboutClient.paragraph.map((item, index) => (
                         <p key={index} className="paragraph mt-4">
                           {item.ParagraphElement}
                         </p>
             </section>
 
             {/* Domain Section */}
-            {/* {data[0].attributes.Domain && (
+            {data[0].attributes.Domain && (
               <section id="domain" className="flex flex-col items-center justify-center">
                 <div className="my-4 flex flex-col justify-center items-center w-full max-w-custom m-auto px-8 xl:px-0">
                   <div className="w-full">
                   </div>
                 </div>
               </section>
-            )} */}
+            )}
 
             {/* Stats */}
             <Wrapper padding={' py-90p'}>
             </Wrapper>
 
             {/* Challanges, Solution Section */}
-            {/* <section
+            <section
               id="challanges_solution"
               className="flex flex-col items-center justify-center mt-8"
             >
               <div className="my-4 flex flex-col md:flex-row justify-center items-center w-full max-w-custom m-auto px-8 xl:px-0">
                 <div className="w-full md:w-1/2 md:pr-16">
-                  {data[0].attributes.Challanges && (
+                  {data[0].attributes.Challenges && (
                     <div>
                       <h3 className="h3-heading">
-                        {data[0].attributes.Challanges.title}
+                        {data[0].attributes.Challenges.title}
                       </h3>
-                      {data[0].attributes.Challanges.paragraph &&
-                        data[0].attributes.Challanges.paragraph.length > 0 &&
-                        data[0].attributes.Challanges.paragraph.map((item, index) => (
+                      {data[0].attributes.Challenges.paragraph &&
+                        data[0].attributes.Challenges.paragraph.length > 0 &&
+                        data[0].attributes.Challenges.paragraph.map((item, index) => (
                           <p key={index} className="paragraph mt-4">
                             {item.ParagraphElement}
                           </p>
                   />
                 )}
               </div>
-            </section> */}
+            </section>
 
             {/* Results Section */}
             {data[0].attributes.Results && (
-              <section id="results" className="flex flex-col items-center justify-center lg:mx-64">
+              <section id="results" className="flex flex-col items-center justify-center">
                 <div className="my-8 flex flex-col justify-center items-center w-full max-w-custom m-auto px-8 xl:px-0">
                   <div className="w-full">
                     <h3 className="h3-heading text-dg-secondary">