update src/components/ContactUsInfoCard/index.js

src/components/ContactUsInfoCard/index.js

@@ -13,14 +13,20 @@ const ContactUsInfoCard = ({ items }) => {
         <img src={map} alt="map" />
         <img src={logoRectangle} alt="map" />
       </div>
-      {/* contact info */}
+      {/* contact info */}‍
       {items.map((item, index) => (
-        <div className="flex flex-row items-center mt-4">
+        <div className="flex flex-row items-center mt-2" key={index}>
-          <img className="w-5" src={item.icon} alt={item.icon} />
+          {item.icon && <img className="w-5" src={item.icon} alt={item.icon} />}
-          <p className=" text-[#2383E1] mr-2 ml-1 text-xs">{item.title}</p>
+          <p
-          <address className="text-[#0F0543] text-xs not-italic text-justify leading-6">
+            className={`text-[#2383E1]  text-sm ${
-            {item.content}
+              item.icon === null ? "mr-8" : "mr-2"
-          </address>
+            }`}
+          >
+            {item.title}
+            <span className="text-[#0F0543] mr-1 text-sm not-italic text-justify leading-6">
+              {item.content}
+            </span>
+          </p>
         </div>
       ))}
     </div>