Enhance AboutMarasiDrive layout with improved spacing and responsive design adjustments. Update SearchFilters to ensure proper enabling conditions and refine TextBox styling for better visual consistency.

src/components/AboutMarasiDrive.tsx

@@ -143,16 +143,16 @@ function AboutMarasiDrive() {
             </div>
           </div>
         </section>
-        <section className="bg-white w-full overflow-clip flex flex-col 2xl:gap-[4.444vw] 2xl:pt-[9.444vw] 2xl:pb-[15vw] 2xl:px-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 max-md:pb-8">
-          <div className="flex flex-col 2xl:gap-[2.222vw] items-center">
+        <section className="bg-white w-full overflow-clip flex flex-col 2xl:gap-[4.444vw] gap-12 2xl:pt-[9.444vw] 2xl:pb-[15vw] 2xl:px-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 max-md:pb-8">
+          <div className="flex flex-col 2xl:gap-[2.222vw] md:max-2xl:gap-8 gap-6 items-center">
             <h2 className="font-mixcase-unmixed text-h1 text-center">
               Inspired interiors
             </h2>
             <p className="text-s opacity-70 whitespace-pre-line text-center">
               {`Smart, flexible designs maximize every inch. The ORI Cloud Bed
-            expands space by 33%, while the Flexibed transforms living areas
-            into bedrooms. Multipurpose layouts adapt effortlessly—blending
-            innovation with modern urban living.`}
+                expands space by 33%, while the Flexibed transforms living areas
+                into bedrooms. Multipurpose layouts adapt effortlessly—blending
+                innovation with modern urban living.`}
             </p>
           </div>
           <MarasiDriveInteriorsSlider />

src/components/SearchFilters.tsx

@@ -89,6 +89,13 @@ function SearchFilters({
           }`
         )
         .json<number>(),
+    enabled:
+      !!project &&
+      !!allUnitTypes &&
+      !!allCost.min &&
+      !!allFloors.min &&
+      !!allArea.min &&
+      !!allViews.length,
   });
 
   function handleSelectProject(project: Project | null) {

src/components/ui/TextBox.tsx

@@ -1,6 +1,6 @@
 function TextBox({ text }: { text: string }) {
   return (
-    <div className='text-caption-m px-4 py-1.5 border border-[#E2E2DC] rounded-[40px] w-fit text-[#0D1922] max-md:text-caption-s'>
+    <div className="md:text-caption-m text-caption-s 2xl:py-[0.417vw] 2xl:px-[1.111vw] px-4 py-1.5 border border-[#E2E2DC] rounded-full w-fit text-[#0D1922]">
       {text}
     </div>
   );