some changes and alignment

src/pages/seller_login.jsx

@@ -39,21 +39,21 @@ function Seller_login() {
   };
 
   return (
-    <div className="flex flex-col items-center min-h-screen bg-blue-50 p-4 font-montserrat">
+    <div className="flex flex-col items-center min-h-screen bg-[#E9FAFF] p-4 font-montserrat">
       {/* Header */}
       <div className="w-full text-left max-w-6xl px-2 md:px-0 mb-6 mt-6">
         <h1 className="text-[48.31px] font-[700px] text-[#030A1E] self-start">OMPOI - Seller</h1>
       </div>
 
-      <div className="flex flex-col md:flex-row items-center justify-center w-full max-w-6xl bg-white p-15 rounded-[32.6px] shadow-lg">
+      <div className="flex flex-col md:flex-row items-center justify-center w-full max-w-6xl bg-[#FFFFFF] p-2 rounded-[32.6px] shadow-lg">
         {/* Left Section - Image */}
         <div className="w-full md:w-1/2 flex justify-center md:pr-8 relative">
-          <img src={key} alt="Login Illustration" className="max-w-xs md:max-w-sm p-10" />
-          <div className="hidden md:block absolute right-0 top-0 bottom-0 w-[1px] bg-gray-300"></div>
+          <img src={key} alt="Login Illustration" className="max-w-xs md:max-w-sm p-2" />
+          <div className="hidden md:block absolute right-0 top-[10px] bottom-0 w-[1px] h-[360px] bg-[#E2E7EE] "></div>
         </div>
 
         {/* Right Section - Login Form */}
-        <div className="w-full md:w-1/2 flex flex-col items-center md:pl-8 mt-6 md:mt-0">
+        <div className="w-full md:w-1/2 flex flex-col items-center md:pl-8 mt-6 md:mt-7 p-11">
           <h2 className="text-2xl font-semibold mb-10 self-center">Login</h2>
 
           <form className="w-full max-w-sm">
@@ -97,7 +97,7 @@ function Seller_login() {
                 type={showPassword ? "text" : "password"}
                 id="password"
                 className={`w-full p-2 md:p-3 border border-[#C4CFDE] rounded-[12px] mt-[-10px] text-[10px] md:text-[18px] focus:outline-none ${
-                  passwordError ? "border-red-500" : "border-green-500 "
+                  passwordError ? "border-red-500" : "border-green-500 " 
                 }`}
                 required
                 placeholder="Enter your password"
@@ -118,7 +118,7 @@ function Seller_login() {
               <p className="text-yellow-500">Create an Account</p>
             </div>
             <div className="flex justify-center items-center">
-              <button className="w-52 px-10 bg-yellow-500 text-[#020617] py-3.5 rounded-[32.6px] mb-8 mt-8 font-semibold">
+              <button className="w-52 px-10 bg-yellow-500 text-[#020617] py-3.5 rounded-[32.6px] mb-5 mt-2 font-semibold">
                 Sign in
               </button>
             </div>