UI styling update

app/components/SampleInitiation/ProcessSection.jsx

@@ -5,11 +5,11 @@ import SubmissionOptions from './SubmissionOptions';
 const ProcessSection = () => {
   return (
     <section className="bg-white">
-      <div className="container mx-auto max-w-none px-4">
+      <div className="container max-w-none">
         <div className="bg-white p-4 md:p-6">
           {/* Main Title */}
           <div className="text-left mb-4">
-            <h2 className="text-2xl md:text-4xl text-gray-600 font-normal">
+            <h2 className="text-3xl font-bold text-teal-700 mb-4">
               Welcome to Our Online Submission Portal!
             </h2>
           </div>

app/components/SampleInitiation/ProcessSteps.jsx

@@ -46,8 +46,10 @@ const ProcessSteps = () => {
             </h3>
             <ul className="list-disc list-inside space-y-2 text-gray-700 leading-relaxed pl-4">
               {step.items.map((item, index) => (
-                <li key={index} className="text-justify">
-                  {item}
+                <li key={index} className="text-justify" style={{color: '#faae31'}}>
+                  <span style={{color: '#374151'}}>
+                    {item}
+                  </span>
                 </li>
               ))}
             </ul>

app/components/SampleInitiation/SampleInitiationPage.jsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import PageTitle from './PageTitle';
 import ProcessSection from './ProcessSection';
-import ContactNote from './ContactNote';
+// import ContactNote from './ContactNote';
 
 const SampleInitiationPage = () => {
   return (
     <div className="page-content">
       <PageTitle />
       <ProcessSection />
-      <ContactNote />
+      {/* <ContactNote /> */}
     </div>
   );
 };