fix hero section layout in homepage

src/components/home/WhyNearle.tsx

@@ -29,8 +29,8 @@ const CARDS = [
 
 export function WhyNearle() {
   return (
-    <section className="bg-[#FAF8FC] rounded-[1.5rem] md:rounded-[2rem] border border-white/50 overflow-hidden py-12 lg:py-14 px-6 md:px-12 lg:px-20 xl:px-24">
-      <div className="max-w-container-max mx-auto">
+    <section className="pt-4 md:pt-5 lg:pt-6 pb-4 md:pb-5 lg:pb-6">
+      <div className="w-full">
         {/* Header Section */}
         <div className="text-center mb-8 md:mb-10">
           <span className="text-xs text-primary uppercase tracking-widest font-black bg-primary/5 px-3.5 py-1.5 rounded-full">