flowchart changes updated

app/components/shared/IntroductionLayout.jsx

@@ -53,12 +53,12 @@ const CombinedWorkflowLayout = ({
         </div>
 
         {/* Right Column - Workflow Image */}
-        <div className="relative flex items-center justify-center p-4">
+        <div className="relative flex items-start justify-center p-4">
           {imageUrl ? (
             <img 
               src={imageUrl}
               alt={imageAlt}
-              className="max-w-full max-h-full object-contain"
+              className="max-w-full min-h-90px object-contain"
             />
           ) : (
             <div className="text-gray-400 text-center">

app/components/shared/SpecificationsLayout.jsx

@@ -5,7 +5,7 @@ const SpecificationsLayout = ({
   title = "Service Specifications",
   specificationItems = [],
   backgroundColor = "#e8f5f3",
-  iconBackgroundColor = "bg-teal-600"
+  iconBackgroundColor = "bg-orange-100"
 }) => {
   return (
     <section className="py-8 lg:py-6">
@@ -29,24 +29,24 @@ const SpecificationsLayout = ({
                 className="rounded-3xl p-8 h-full min-h-[280px] flex flex-col"
                 style={{ backgroundColor: backgroundColor }}
               >
-                {/* Icon Circle */}
+                {/* Icon Circle - Updated to match AdvantagesSection */}
                 <div className="flex justify-center mb-6">
                   <div className={`w-16 h-16 ${iconBackgroundColor} rounded-full flex items-center justify-center`}>
                     <img 
                       src={spec.icon} 
-                      className="w-14 h-14 object-contain brightness-0 invert" 
+                      className="w-10 h-10 object-contain" 
                       alt={`${spec.title} Icon`}
                     />
                   </div>
                 </div>
                 
                 {/* Title */}
-                <h3 className="text-center text-gray-800 text-lg font-semibold mb-4">
+                <h3 className="text-center text-teal-700 text-lg font-semibold mb-4">
                   {spec.title}
                 </h3>
                 
                 {/* Content */}
-                <div className="text-gray-700 text-sm leading-relaxed text-center flex-grow flex items-center justify-center">
+                <div className="text-gray-700 text-sm leading-relaxed text-center flex-grow flex items-start justify-center">
                   <div className="w-full">
                     {spec.renderContent ? spec.renderContent() : (
                       <div className="text-gray-600">