change header z-index

components/layout/index.js

@@ -31,12 +31,9 @@ function Layout({
     <div>
       <main
         className={`w-full min-h-screen 
-                ${
-                  disableFooter &&
-                  " md:pb-[80px]"
-                }`}
+                ${disableFooter && " md:pb-[80px]"}`}
       >
-        <header className="w-full sticky bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] mt-[12px] sm:mt-[21px] md:mt-[30px] lg:mt-[40px] top-0 right-1/2 z-[10]">
+        <header className="w-full sticky bg-[#FFF] !z-[70] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] mt-[12px] sm:mt-[21px] md:mt-[30px] lg:mt-[40px] top-0 right-1/2">
           <div className="w-full padding-responsive">
             <Header name={name} />
           </div>

components/register/LogInPage.js

@@ -5,7 +5,7 @@ import Link from "next/link";
 function LogInPage({ setIsSendMsg, setStep }) {
   return (
     <div
-      className="rounded-[16px] mt-[64px] sm:mt-[32px] border border-solid sm:border-[#EFEFEF] bg-transparent sm:bg-[#FFF] 
+      className="rounded-[16px] mt-[64px] opacity-page sm:mt-[32px] border border-solid sm:border-[#EFEFEF] bg-transparent sm:bg-[#FFF] 
         p-0 border-transparent sm:p-[40px] sm:pb-[48px] w-full sm:w-fit sm:min-w-[425px]"
     >
       <p className="text-[#525252] text-[18px] font-bold">

components/register/SetCodePage.js

@@ -34,7 +34,7 @@ function SetCodePage({ setIsSendMsg, link, setStep }) {
 
   return (
     <div
-      className="rounded-[16px] mt-[51px] sm:mt-[45px] md:mt-[39px] lg:mt-[32px] border border-solid sm:border-[#EFEFEF] bg-transparent sm:bg-[#FFF] 
+      className="rounded-[16px] opacity-page mt-[51px] sm:mt-[45px] md:mt-[39px] lg:mt-[32px] border border-solid sm:border-[#EFEFEF] bg-transparent sm:bg-[#FFF] 
         p-0 border-transparent sm:p-[40px] sm:pb-[48px] w-full sm:w-fit sm:min-w-[425px]"
     >
       <div