footer properly align and fix it

src/component/footer.jsx

@@ -165,32 +165,32 @@ function Footer() {
           </div>
           <div className="bg-[#28409C]">
             {/* <div className="hidden md:bg-[#E9FAFF] flex items-center right-68 ml-[560px] rounded-tl-[30px]  p-2"> */}
-            <div className="hidden md:flex bg-[#E9FAFF] items-center rounded-tl-[30px] ml-[560px] right-68 p-2 ">
+            <div className="hidden md:flex bg-[#E9FAFF] items-center  mt-[-35px] ml-[560px] right-68 p-1 text-[5px] ">
 
-              <div className="font-semibold  mr-8 text-sm relative">
+              <div className="font-semibold  left-[120px] top-[5px] text-[10px] relative">
                 <h1>&copy;2025 OMPOI</h1>
               </div>
-              <div className="relative mr-4 font-semibold text-sm">
+              <div className="relative mr-4 left-[130px] font-semibold text-[10px] top-[5px] ">
                 <h1>Terms</h1>
               </div>
-              <div className="relative  ml-2 mr-17 font-semibold text-sm">
+              <div className="relative  left-[140px] mr-17 font-semibold text-[10px] top-[5px] ">
                 <h1>Privacy</h1>
               </div>
-              <div className="relative font-extrabold text-sm ml-8 mr-3">
+              <div className="relative font-extrabold text-[10px] left-[130px]  mr-3 top-[5px] ">
                 <h1>Made With &#128153; by MIIT</h1>
               </div>
-              <div className="relative font-semibold text-sm ml-18 mr-2">
+              <div className="relative font-semibold  left-[230px] mr-0 text-[10px] top-[5px] ">
                 <h1>Conact Us</h1>
               </div>
-              <div className="relative flex gap-3">
+              <div className=" flex gap-5 ml-[250px] mt-[5px] ">
                 <a href="#">
-                  <img src={insta} alt="instagram" className="w-5 h-5" />
+                  <img src={insta} alt="instagram" className="w-4 h-4" />
                 </a>
                 <a href="#">
-                  <img src={Whatsapp} alt="Whatsapp" className="w-5 h-5" />
+                  <img src={Whatsapp} alt="Whatsapp" className="w-4 h-4" />
                 </a>
                 <a href="#">
-                  <img src={call} alt="call" className="w-5 h-5" />
+                  <img src={call} alt="call" className="w-4 h-4 "/>
                 </a>
               </div>
             </div>