WEB-99-It-Consultancy-for-mobile

components/consulting/Consulting.tsx

@@ -7,22 +7,23 @@ const Consulting: React.FC<IConsulting> = ({ content, header, reverse, img }) =>
 
 	return (
 
-		<div className={`flex justify-between items-center ${!reverse ? 'flex-row-reverse ml-60' : 'mr-60'}  m-20  bg-color-primary-light-light rounded-4xl`}>
+		<div className={`flex flex-col-reverse ustify-between items-center ${!reverse ? 'lg:flex-row-reverse lg:ml-60' : 'lg:flex-row lg:mr-60'} m-5 lg:m-20  bg-color-primary-light-light rounded-4xl`}>
 
-			<div className={`basis-5/6 flex-col justify-center  p-4 ${!reverse ? 'pl-10' : 'pr-15'}`}>
+			<div className={`lg:basis-5/6 flex-col justify-center  p-4 ${!reverse ? 'pl-10' : 'pr-15'}`}>
 
-				<div className='flex my-2 ml-4'>
+				<div className='flex my-2 ml-4 lg:justify-start lg:text-start justify-center text-center'>
 
-					<div className='color-primary-medium font-bold text-3xl'>{header}</div>
+					<div className='color-primary-medium font-bold text-3xl lg:m-0 mb-1'>{header}</div>
 
 				</div>
 
-				<div className='mx-4 my-2 text-xl'>{content}</div>
+				<div className='mx-4 my-2 text-xl lg:text-start  text-center'>{content}</div>
 
 			</div>
 
-			<div className='flex items-center justify-center square-green bg-white h-40 w-40 scale-150 rounded-full border-medium2'>
-				<img className='inline-block mx-4 w-28 p-1' src={img} alt="" />
+			<div className='flex items-center justify-center square-green bg-white h-40 w-40 scale-150 rounded-full border-medium2 lg:my-0 my-[50px]'>
+				<img className='inline-block mx-4 w-24 h-24 ' src={img} alt="icon" />
+
 			</div>
 
 		</div>

data/data-sections/data-section-consulting/section3.tsx

@@ -7,12 +7,15 @@ import ConsultingItemList from "@/components/consulting-item-list"
 
 const header =
     <div>
-        <h2 className="text-5xl mt-24 text-center font-light  font-Ralevay_Light">
+
+
+        <h2 className="text-5xl mt-12 text-center font-light  font-Ralevay_Light">
+
             <span className="text-teal-500 font-medium">Customised Solutions</span>{' '}
             for Every Project
         </h2>
         <br />
-        <h3 className="text-3xl text-center ">
+        <h3 className="text-3xl text-center mb-12">
             Understanding that{' '}
             <span className="text-teal-500 font-normal">“one size, does NOT fit all”</span>{/*
   */}, our Consulting Projects are fully adaptable to meet your needs.

data/data-sections/data-section-consulting/section5.tsx

@@ -8,16 +8,17 @@ const header =
 
     </h2>
 
-const content = <div className="we-work-container relative my-10 h-96">
-    <div className="arrow absolute h-96">
-        <img src='/img/consulting/arrow_consulting.png' className="h-96" alt="we-work" />
+const content = <div className="we-work-container relative my-10 h-auto jystify-ceter flex  flex-col lg:items-start items-center">
+    <div className="arrow absolute lg:left-[-4rem]">
+        <img src={`/img/consulting/arrow_consulting.svg`} className=' h-[500px] lg:block hidden w-auto' alt="we-work" />
+
     </div>
-    <ul className="h-96 flex flex-col justify-around text-xl font-light">
-        <li className="pl-32 "><span className="rounded-full bg-color-primary-light-light pl-8 xl:pr-32 pt-2 pb-3">Analyse the issue and its roots.</span></li>
-        <li className="pl-48"><span className="rounded-full bg-color-primary-light-light pl-8 xl:pr-32 pt-2 pb-3">Evaluate the technical architecture of the project.</span></li>
-        <li className="pl-64"><span className="rounded-full bg-color-primary-light-light pl-8 xl:pr-32 pt-2 pb-3">Plan a solution with your company tailoring it to its needs.</span></li>
-        <li className="pl-48"><span className="rounded-full bg-color-primary-light-light pl-8 xl:pr-32 pt-2 pb-3">Implement new changes in the ecosystem and iterate if needed.</span></li>
-        <li className="pl-32"><span className="rounded-full bg-color-primary-light-light pl-8 xl:pr-32 pt-2 pb-3">Keep it working! Supporting you also once the project is finished. Always ready to help.</span></li>
+    <ul className="h-auto flex flex-col lg:justify-around text-2xl font-light justify-center h-[100%] lg:text-start items-center lg:items-start  text-center">
+        <li className="lg:ml-20 lg:mt-9 lg:mb-2 my-4 w-fit flex items-center rounded-full  bg-color-primary-light-light  lg:h-[70px] ">  <p className="lg:pr-24 px-8 py-4">Analyse the issue and its roots.</p></li>
+        <li className="lg:ml-44  lg:mb-4 w-fit flex items-center my-4  lg:h-[70px] rounded-full  bg-color-primary-light-light"><p className=" px-8 lg:pr-24 py-4">Evaluate the technical architecture of the project.</p></li>
+        <li className="lg:ml-60  lg:mb-4 w-fit flex items-center  my-4 lg:h-[70px] rounded-full  bg-color-primary-light-light "><p className=" px-8 lg:pr-24 py-4">Plan a solution with your company tailoring it to its needs.</p></li>
+        <li className="lg:ml-44  lg:mb-2 w-fit flex items-center my-4 lg:h-[70px] rounded-full  bg-color-primary-light-light "><p className=" px-8 lg:pr-24 py-4">Implement new changes in the ecosystem and iterate if needed.</p></li>
+        <li className="lg:ml-20    w-fit  flex items-center my-4 lg:h-[70px] rounded-full  bg-color-primary-light-light "><p className=" px-8 lg:pr-24 py-4">Keep it working! Supporting you also once the project is finished. Always ready to help.</p></li>
     </ul>
 </div>