diff --git a/app/marketing/[id]/page.tsx b/app/marketing/[id]/page.tsx
index 9048283..2e948dc 100644
--- a/app/marketing/[id]/page.tsx
+++ b/app/marketing/[id]/page.tsx
@@ -78,9 +78,9 @@ export default function Home() {
           />
         </div>
       </section>
-      <section className="text-left flex flex-col gap-6 bg-gradient-to-b from-[#011132] to-[#012B80] text-white rounded-[56px] relative p-6 lg:p-14 -mt-16 z-20 lg:ml-28">
+      <section className="text-left flex flex-col gap-6 bg-gradient-to-b from-[#011132] to-[#012B80] text-white rounded-[56px] relative p-6 lg:p-14 -mt-16 z-20 lg:ml-28 ">
         <hgroup>
-          <h1 className="capitalize font-extrabold text-5xl mb-6">
+          <h1 className="capitalize font-extrabold text-4xl mb-6 md:text-5xl">
             democratizing the world of tenders
           </h1>
           <p className="text-[16px] text-[#dadada]">
@@ -112,7 +112,7 @@ export default function Home() {
         {centerFrames.map((frame, index) => (
           <article
             key={frame.description}
-            className="bg-[#F7FAFF] border border-(--primary)/30 rounded-3xl my-4 py-10 px-6 flex flex-col gap-5">
+            className="bg-[#F7FAFF] border border-(--primary)/30 rounded-3xl my-4 py-10 px-6 flex flex-col gap-5  transition duration-300 transform scale-90 hover:bg-[#0164FF30] hover:scale-110">
             <Image
               src={frame.src}
               alt={frame.alt}