update src/components/ContactUsInfoCard/index.js and src/index.scss

src/components/ContactUsInfoCard/index.js

@@ -7,7 +7,7 @@ import phone from "./images/phone.svg";
 
 const ContactUsInfoCard = ({ items }) => {
   return (
-    <div className="max-w-[650px] flex flex-col rounded border bg-white border-gray-200 p-4 mx-auto mt-10">
+    <div className="max-w-[650px] flex flex-col rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10">
       {/* logo && map */}
       <div className="flex flex-row items-center justify-between ">
         <img src={map} alt="map" />
@@ -18,7 +18,7 @@ const ContactUsInfoCard = ({ items }) => {
         <div className="flex flex-row items-center mt-2" key={index}>
           {item.icon && <img className="w-5" src={item.icon} alt={item.icon} />}
           <p
-            className={`text-[#2383E1]  text-sm ${
+            className={`text-[#2383E1]  text-sm  ${
               item.icon === null ? "mr-8" : "mr-2"
             }`}
           >

src/index.scss

@@ -9,6 +9,11 @@
   src: url(./assets/fonts/IRANSansXFaNum-Regular.woff);
 }
 
+@font-face {
+  font-family: "iransansBold";
+  src: url(./assets/fonts/IRANSansX-Bold.woff);
+}
+
 body {
   font-family: iransans-medium;
   direction: rtl;