diff --git a/src/components/DiscoverPage.tsx b/src/components/DiscoverPage.tsx
index 1ccebfa..2ec1d43 100644
--- a/src/components/DiscoverPage.tsx
+++ b/src/components/DiscoverPage.tsx
@@ -483,7 +483,7 @@ export function DiscoverPage({
                                 transition={{ duration: 0.6, delay: 0.1 }}
                             >
                                 <span className="font-light text-gray-900">Unlock Your </span>
-                                <span className="font-bold text-transparent bg-clip-text bg-gradient-to-r from-primary to-orange-500 italic">Adventure</span>
+                                <span className="font-bold text-transparent bg-clip-text bg-gradient-to-r from-primary to-orange-500 italic pr-2">Adventure</span>
                             </motion.h2>
                             <motion.p
                                 className="font-poppins text-xl leading-relaxed font-light text-gray-600 max-w-2xl mx-auto"
diff --git a/src/components/EnhancedTestimonials.tsx b/src/components/EnhancedTestimonials.tsx
index 4dad832..527837b 100644
--- a/src/components/EnhancedTestimonials.tsx
+++ b/src/components/EnhancedTestimonials.tsx
@@ -91,7 +91,7 @@ export function EnhancedTestimonials() {
         >
           <h2 className="text-4xl lg:text-5xl xl:text-6xl mb-6">
             <span className="font-light">What our</span>{' '}
-            <span className="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent font-bold italic">
+            <span className="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent font-bold italic pr-1">
               travelers
             </span>{' '}
             <span className="font-normal">say</span>
diff --git a/src/components/FAQPage.tsx b/src/components/FAQPage.tsx
index 58e7197..ffe84d2 100644
--- a/src/components/FAQPage.tsx
+++ b/src/components/FAQPage.tsx
@@ -244,7 +244,7 @@ export function FAQPage({
           
           <h1 className="font-merchant font-light text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-6">
             Frequently Asked{' '}
-            <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
+            <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-2">
               Questions
             </span>
           </h1>
diff --git a/src/components/HowItWorks.tsx b/src/components/HowItWorks.tsx
index 35c4691..8950716 100644
--- a/src/components/HowItWorks.tsx
+++ b/src/components/HowItWorks.tsx
@@ -2,6 +2,7 @@ import { CreditCard, MapPin, Calendar, Zap, ChevronLeft, ChevronRight, Smartphon
 import { useState } from 'react';
 import { motion, AnimatePresence } from 'motion/react';
 import { ImageWithFallback } from './figma/ImageWithFallback';
+import { useLocation } from 'react-router-dom';
 
 const steps = [
   {
@@ -51,6 +52,8 @@ const steps = [
 export function HowItWorks() {
   const [activeStep, setActiveStep] = useState(0); // Start with first step active
 
+  const location = useLocation()
+
   const nextStep = () => {
     setActiveStep((prev) => (prev + 1) % steps.length);
   };
@@ -78,8 +81,10 @@ export function HowItWorks() {
           </div>
           <h2 className="text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-4">
             <span className="font-light">How Your</span>{' '}
-            <span className="font-normal">Melbourne</span>{' '}
-            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">City Card</span>{' '}
+            {!location.pathname.includes("landing") &&
+            <span className="font-normal">Melbourne</span>
+            }
+            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-2">City Card</span>{' '}
             <span className="font-light">Works.</span>
           </h2>
           <p className="text-xl text-gray-600 max-w-3xl mx-auto">
diff --git a/src/components/MagicItineraryPage.tsx b/src/components/MagicItineraryPage.tsx
index eb6ae4b..51b15ad 100644
--- a/src/components/MagicItineraryPage.tsx
+++ b/src/components/MagicItineraryPage.tsx
@@ -108,7 +108,7 @@ export function MagicItineraryPage({
             >
               <h1 className="font-merchant text-4xl md:text-5xl lg:text-6xl leading-tight mb-6">
                 <span className="font-light ">Plan Your Perfect</span>{' '}
-                <span className="font-bold inline-block italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
+                <span className="pr-2 font-bold inline-block italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
                   Melbourne Adventure
                 </span>
               </h1>
diff --git a/src/components/MelbourneAttractions.tsx b/src/components/MelbourneAttractions.tsx
index 00bd3a2..c8e3f00 100644
--- a/src/components/MelbourneAttractions.tsx
+++ b/src/components/MelbourneAttractions.tsx
@@ -281,7 +281,7 @@ export function MelbourneAttractions() {
           </div>
           <h2 className="heading-dynamic text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-4">
             <span className="font-light">Discover</span>{' '}
-            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
+            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-1">
               Melbourne's
             </span>{' '}
             <span className="font-normal">Best</span>{' '}
diff --git a/src/components/MelbourneBlogs.tsx b/src/components/MelbourneBlogs.tsx
index d65a7f9..da06e92 100644
--- a/src/components/MelbourneBlogs.tsx
+++ b/src/components/MelbourneBlogs.tsx
@@ -116,7 +116,7 @@ export function MelbourneBlogs() {
           
           <h2 className="font-merchant text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-6">
             <span className="font-normal">Melbourne</span>{' '}
-            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
+            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-2">
               Blogs
             </span>
           </h2>
diff --git a/src/components/MelbourneCardComparison.tsx b/src/components/MelbourneCardComparison.tsx
index 58aa1bb..d12ac03 100644
--- a/src/components/MelbourneCardComparison.tsx
+++ b/src/components/MelbourneCardComparison.tsx
@@ -124,7 +124,7 @@ export function MelbourneCardComparison({ onCheckoutClick }: MelbourneCardCompar
           </div>
           
           <h2 className="font-merchant text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-6">
-            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
+            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-2">
               Buy
             </span>{' '}
             <span className="font-normal">Now</span>
diff --git a/src/components/MelbourneFAQ.tsx b/src/components/MelbourneFAQ.tsx
index 30afd55..b9c4e83 100644
--- a/src/components/MelbourneFAQ.tsx
+++ b/src/components/MelbourneFAQ.tsx
@@ -101,7 +101,7 @@ export function MelbourneFAQ() {
           
           <h2 className="font-merchant text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-6">
             <span className="font-normal">Frequently Asked</span>{' '}
-            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
+            <span className="pr-2 font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
               Questions
             </span>
           </h2>
diff --git a/src/components/MelbournePage.tsx b/src/components/MelbournePage.tsx
index 96f0ca6..4960380 100644
--- a/src/components/MelbournePage.tsx
+++ b/src/components/MelbournePage.tsx
@@ -398,7 +398,7 @@ export function MelbournePage({
                     viewport={{ once: true }}
                   >
                     <span className="font-light">Plan Your</span>{' '}
-                    <span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent drop-shadow-lg">
+                    <span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent drop-shadow-lg pr-2">
                       Dream Journey
                     </span>
                     <br />
diff --git a/src/components/MelbourneTourOverview.tsx b/src/components/MelbourneTourOverview.tsx
index 4457593..55882a8 100644
--- a/src/components/MelbourneTourOverview.tsx
+++ b/src/components/MelbourneTourOverview.tsx
@@ -89,7 +89,7 @@ export function MelbourneTourOverview() {
         >
           <h2 className="heading-dynamic font-merchant text-4xl md:text-5xl lg:text-6xl text-gray-900 mb-8">
             <span className="font-light">Melbourne</span>{' '}
-            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic">
+            <span className="font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent italic pr-2">
               Tour
             </span>{' '}
             <span className="font-normal">Overview</span>
diff --git a/src/components/MobileAppSection.tsx b/src/components/MobileAppSection.tsx
index 4cfafc9..677347d 100644
--- a/src/components/MobileAppSection.tsx
+++ b/src/components/MobileAppSection.tsx
@@ -68,7 +68,7 @@ export function MobileAppSection() {
             >
               <h1 className="font-merchant text-4xl lg:text-5xl xl:text-6xl leading-tight text-foreground">
                 <span className="font-normal">Access all your</span>{' '}
-                <span className="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent font-bold italic inline-block">
+                <span className="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent font-bold italic inline-block pr-2">
                   city cards
                 </span>
                 <br />
diff --git a/src/components/PassesPage.tsx b/src/components/PassesPage.tsx
index 91a64d9..cb87517 100644
--- a/src/components/PassesPage.tsx
+++ b/src/components/PassesPage.tsx
@@ -189,7 +189,7 @@ export function PassesPage({
         <div className="text-center mb-16">
           <div className="mb-6">
             <h1 className="font-merchant font-light text-4xl md:text-5xl lg:text-6xl mb-4">
-              Buy <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">Passes</span>
+              Buy <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-1.5">Passes</span>
             </h1>
             <p className="font-poppins text-xl leading-relaxed font-normal text-gray-600 max-w-3xl mx-auto">
               Skip the lines, save money, and explore more with our flexible city cards designed for modern travelers
@@ -329,7 +329,7 @@ export function PassesPage({
           <div className="text-center mb-16">
             <h2 className="font-merchant text-4xl md:text-5xl text-gray-900 mb-6">
               <span className="font-light">Good to</span>{' '}
-              <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">Know</span>
+              <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-2">Know</span>
             </h2>
             <p className="font-poppins text-lg text-gray-600 font-light max-w-2xl mx-auto leading-relaxed">
               Simple tips to help you get the most out of your CityCard experience
diff --git a/src/components/PersonalizedTourHero.tsx b/src/components/PersonalizedTourHero.tsx
index eb39f32..d7ef775 100644
--- a/src/components/PersonalizedTourHero.tsx
+++ b/src/components/PersonalizedTourHero.tsx
@@ -122,7 +122,7 @@ export function PersonalizedTourHero({ onCreateItineraryClick }: PersonalizedTou
               <h1 className="font-poppins text-4xl sm:text-5xl md:text-6xl leading-tight mb-6">
                 <span className="font-light">Create Your</span>{' '}
                 <span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500 
-             bg-clip-text text-transparent inline-block overflow-visible whitespace-nowrap">
+             bg-clip-text text-transparent inline-block overflow-visible whitespace-nowrap pr-2">
                   Magic Itinerary
                 </span>
               </h1>
diff --git a/src/components/SuperSavingsPage.tsx b/src/components/SuperSavingsPage.tsx
index 4124ccc..6743d5d 100644
--- a/src/components/SuperSavingsPage.tsx
+++ b/src/components/SuperSavingsPage.tsx
@@ -305,7 +305,7 @@ export function SuperSavingsPage({
                             >
                                 <h1 className="font-poppins text-4xl md:text-5xl lg:text-6xl leading-tight mb-6">
                                     <span className="font-light">Unlock</span>{' '}
-                                    <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
+                                    <span className="pr-2 font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
                                         Super Savings
                                     </span>
                                 </h1>
@@ -355,7 +355,7 @@ export function SuperSavingsPage({
                             >
                                 <h2 className="font-poppins text-3xl md:text-4xl lg:text-5xl leading-tight mb-4">
                                     <span className="font-light">Featured</span>{' '}
-                                    <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
+                                    <span className="pr-2 font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
                                         Super Savings
                                     </span>
                                 </h2>
diff --git a/src/components/TrustSection.tsx b/src/components/TrustSection.tsx
index 14fd60c..327f68d 100644
--- a/src/components/TrustSection.tsx
+++ b/src/components/TrustSection.tsx
@@ -151,7 +151,7 @@ export function TrustSection() {
         <div className="text-center mb-16">
           <h2 className="font-merchant text-2xl md:text-3xl lg:text-4xl leading-tight mb-6 text-gray-900">
             <span className="font-light">What Our</span>{' '}
-            <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
+            <span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-1">
               Travelers
             </span>{' '}
             <span className="font-light">Say</span>
diff --git a/src/components/WhatsIncludedHero.tsx b/src/components/WhatsIncludedHero.tsx
index 0f8c574..aed0156 100644
--- a/src/components/WhatsIncludedHero.tsx
+++ b/src/components/WhatsIncludedHero.tsx
@@ -101,10 +101,10 @@ export function WhatsIncludedHero({ onCreateItineraryClick }: WhatsIncludedHeroP
               {/* Main Heading */}
               <h1 className="font-poppins text-4xl sm:text-5xl md:text-6xl w-full leading-tight mb-6">
                 <span className="font-light">One pass.</span>{' '}
-                <span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent">
+                <span className="font-bold italic pr-2 bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent">
                   Everything you
                 </span>{' '}
-                <span className="font-bold italic bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent">
+                <span className="font-bold italic pr-2 bg-gradient-to-r from-primary via-orange-500 to-rose-500 bg-clip-text text-transparent">
                   need
                 </span>{' '}
                 <span className="font-light">to explore.</span>
diff --git a/src/index.css b/src/index.css
index b774dec..9c6c605 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3661,7 +3661,7 @@
   .bg-gradient-to-r {
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
-    padding-right: 8px;
+    /* padding-right: 8px; */
   }
 
   .bg-gradient-to-t {