adjustments added

src/components/AuthPages/AuthLayout2.jsx

@@ -14,7 +14,7 @@ export default function LoginLayout({ slogan, children }) {
 
   return (
     <div
-      className={`min-h-screen overflow-y-auto bg-cover bg-center flex flex-col justify-between items-center`}
+      className={`relative min-h-screen overflow-y-auto bg-cover bg-center flex flex-col items-center`}
       style={{
         backgroundImage: `url(${countryMode == "NG" ? bgImgNig : bgImgCom})`,
       }}
@@ -28,7 +28,7 @@ export default function LoginLayout({ slogan, children }) {
               />
             </Link>
           </div>
-      <div className={`h-full w-full grid grid-cols-1 place-content-center`}>
+      <div className={`h-full w-full mb-5 grid grid-cols-1 place-content-center`}>
         {/* <div 
             className={`auth-bg hidden xl:block bg-blue-50 relative bg-cover bg-no-repeat border-0 after:content-[''] after:absolute after:inset-0`} 
             style={{backgroundImage: `url(${bgImg})`}}
@@ -42,7 +42,7 @@ export default function LoginLayout({ slogan, children }) {
           </div>
         </div>
       </div>
-
+      <div className='absolute left-0 right-0 bottom-0'>
         <div className='w-full shadow-md bg-slate-50 dark:bg-dark-white'>
           <div className="w-full flex flex-col md:flex-row justify-center items-center px-10 py-2">
             <div className="flex justify-center items-center">
@@ -83,6 +83,7 @@ export default function LoginLayout({ slogan, children }) {
             </p>
           </div>
         </div>
+      </div>
 
     </div>
   );