Reduce empty space in the 'Get In Touch' section for better appearance

Adjusts Mailchimp contact form margins and container width in contact-section.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e4277a6e-587a-496e-8663-733446748f62
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/3daec24b-0b0d-40a9-af7e-9cd1362d4273.jpg

client/src/components/contact/contact-section.tsx

@@ -1,8 +1,8 @@
 export function ContactSection() {
   return (
     <section className="pt-6 pb-12 bg-white">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="text-center mb-10">
+      <div className="max-w-5xl mx-auto px-2 sm:px-4 lg:px-6">
+        <div className="text-center mb-8">
           <h2 className="text-3xl md:text-4xl font-playfair font-semibold mb-4 text-[#49878f]">
             Get In Touch
           </h2>
@@ -12,7 +12,7 @@ export function ContactSection() {
         </div>
         
         <div className="w-full">
-          <div className="w-full max-w-4xl mx-auto">
+          <div className="w-full mx-auto">
             <iframe
               src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac"
               width="100%"
@@ -24,7 +24,9 @@ export function ContactSection() {
               style={{
                 border: 'none',
                 backgroundColor: 'transparent',
-                overflow: 'hidden'
+                overflow: 'hidden',
+                margin: '0',
+                padding: '0'
               }}
               title="Contact Form"
             >