diff --git a/src/app/privacy-policy/page.tsx b/src/app/privacy-policy/page.tsx
index 004b591..4967a41 100644
--- a/src/app/privacy-policy/page.tsx
+++ b/src/app/privacy-policy/page.tsx
@@ -2,8 +2,8 @@ import React from "react";
 
 const PrivacyPolicy = () => {
   return (
-    <div className="min-h-screen py-12 px-4 sm:px-6 lg:px-8">
-      <div className="max-w-4xl mx-auto bg-white rounded-xl overflow-hidden">
+    <div className="min-h-screen py-12 bg-[#F9F1FF] px-4 sm:px-6 lg:px-8">
+      <div className="max-w-4xl mx-auto   rounded-xl overflow-hidden">
         <div className="p-8">
           <div className="text-center mb-8">
             <h1 className="text-3xl font-bold text-gray-900">Privacy Policy</h1>
diff --git a/src/app/terms-and-conditions/page.tsx b/src/app/terms-and-conditions/page.tsx
index 4cb2205..aca3d29 100644
--- a/src/app/terms-and-conditions/page.tsx
+++ b/src/app/terms-and-conditions/page.tsx
@@ -2,8 +2,8 @@ import React from "react";
 
 const TermsAndConditions = () => {
   return (
-    <div className="min-h-screen py-12 px-4 sm:px-6 lg:px-8">
-      <div className="max-w-4xl mx-auto bg-white rounded-xl overflow-hidden">
+    <div className="min-h-screen py-12 bg-[#F9F1FF] px-4 sm:px-6 lg:px-8">
+      <div className="max-w-4xl mx-auto rounded-xl overflow-hidden">
         <div className="p-8">
           <div className="text-center mb-8">
             <h1 className="text-3xl font-bold text-gray-900">
diff --git a/src/components/contact-page.tsx b/src/components/contact-page.tsx
index 62724e1..65a6883 100644
--- a/src/components/contact-page.tsx
+++ b/src/components/contact-page.tsx
@@ -42,7 +42,7 @@ export default function ContactPage() {
   };
 
   return (
-    <main className="min-h-screen bg-gray-50">
+    <main className="min-h-screen bg-[#F9F1FF]">
       <div className="h-20"></div>
       <div className="container mx-auto px-4 py-12">
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 mb-16">