diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3640220..4b72d0f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -28,10 +28,14 @@ export const metadata: Metadata = {
 
 
 
+
 const merriweather = Merriweather({
   variable: "--font-merriweather",  subsets: ["latin"],
   weight: ["300", "400", "700", "900"],
 });
+const montserrat = Montserrat({
+  variable: "--font-montserrat",  subsets: ["latin"],
+});
 
 export default function RootLayout({
   children,
@@ -41,7 +45,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${merriweather.variable} antialiased`}>
+        <body className={`${merriweather.variable} ${montserrat.variable} antialiased`}>
           <Tag />
           {children}
           <script
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d7e5204..dc3bd15 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -81,6 +81,7 @@ export default function LandingPage() {
           src: "http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-15117.jpg",          alt: "Group of happy and diverse volunteers"},
       ]}
       avatarText="Join 50,000+ donors today"
+      descriptionClassName="font-montserrat"
     />
   </div>
 
@@ -102,6 +103,7 @@ export default function LandingPage() {
       ]}
       title="Our Collective Impact"
       description="Measurable results driven by community partnership."
+      textBoxDescriptionClassName="font-montserrat"
     />
   </div>
 
@@ -112,6 +114,7 @@ export default function LandingPage() {
       description="We don't just provide relief; we equip communities with the resources, education, and health support they need to break the cycle of poverty permanently. Our approach is centered on local leadership and lasting change."
       imageSrc="http://img.b2bpic.net/free-photo/group-different-people-volunteering-foodbank_23-2149012216.jpg?_wi=2"
       imageAlt="Development project site in action"
+      descriptionClassName="font-montserrat"
     />
   </div>
 
@@ -129,6 +132,7 @@ export default function LandingPage() {
       ]}
       title="Focus Areas"
       description="Tackling root causes of poverty through targeted intervention programs."
+      textBoxDescriptionClassName="font-montserrat"
     />
   </div>
 
@@ -157,6 +161,7 @@ export default function LandingPage() {
       showRating={true}
       title="Voices of Change"
       description="Stories from the communities we empower together."
+      textBoxDescriptionClassName="font-montserrat"
     />
   </div>
 
@@ -168,6 +173,7 @@ export default function LandingPage() {
         "United Nations",        "World Health Organization",        "Global Relief Fund",        "International Aid Alliance",        "Children's Future Trust",        "Education First Global",        "Humanitarian Action Group"]}
       title="Global Partnerships"
       description="Proudly working alongside these global organizations for a better world."
+      textBoxDescriptionClassName="font-montserrat"
     />
   </div>
 
@@ -186,6 +192,7 @@ export default function LandingPage() {
       title="Common Questions"
       description="Learn more about our operations and how donations are utilized."
       faqsAnimation="slide-up"
+      textBoxDescriptionClassName="font-montserrat"
     />
   </div>
 
@@ -199,6 +206,7 @@ export default function LandingPage() {
       description="Sign up for our newsletter to receive monthly stories, impact reports, and ways you can help."
       imageSrc="http://img.b2bpic.net/free-photo/group-volunteers-taking-care-donations-together_23-2148687299.jpg"
       mediaAnimation="slide-up"
+      descriptionClassName="font-montserrat"
     />
   </div>
 
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 57edb5c..8fee1dd 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-merriweather), sans-serif;
+  font-family: var(--font-merriweather), serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-merriweather), sans-serif;
+  font-family: var(--font-merriweather), serif;
 }
