diff --git a/themes/starter/components/FAQ.js b/themes/starter/components/FAQ.js
index 29f9d595..38149871 100644
--- a/themes/starter/components/FAQ.js
+++ b/themes/starter/components/FAQ.js
@@ -17,7 +17,7 @@ export const FAQ = () => {
   return (
     <>
       {/* <!-- ====== FAQ Section Start --> */}
-      <section className='relative z-20 overflow-hidden bg-white pb-8 pt-20 dark:bg-dark lg:pb-[50px] lg:pt-[120px]'>
+      <section className='relative overflow-hidden bg-white pb-8 pt-20 dark:bg-dark lg:pb-[50px] lg:pt-[120px]'>
         <div className='container mx-auto'>
           <div className='-mx-4 flex flex-wrap'>
             <div className='w-full px-4'>
diff --git a/themes/starter/components/Pricing.js b/themes/starter/components/Pricing.js
index 204bdce5..5728f703 100644
--- a/themes/starter/components/Pricing.js
+++ b/themes/starter/components/Pricing.js
@@ -10,7 +10,7 @@ export const Pricing = () => {
       {/* <!-- ====== Pricing Section Start --> */}
       <section
         id='pricing'
-        className='relative z-20 overflow-hidden bg-white pb-12 pt-20 dark:bg-dark lg:pb-[90px] lg:pt-[120px]'>
+        className='relative overflow-hidden bg-white pb-12 pt-20 dark:bg-dark lg:pb-[90px] lg:pt-[120px]'>
         <div className='container mx-auto'>
           <div className='-mx-4 flex flex-wrap'>
             <div className='w-full px-4'>