made homepage same as figma

css/style.css

@@ -428,7 +428,7 @@ a.color-a {
   margin-top: 15px;
 }
 
-.ask-advantage h2 {
+.ask-advantage-heading-container h2 {
   font-family: var(--font-secondary);
   font-weight: 400;
   font-style: Regular;
@@ -436,6 +436,8 @@ a.color-a {
   line-height: 100%;
   letter-spacing: 0%;
   color: #033a49;
+  margin: 0;
+  padding: 0;
 }
 
 .ask-advantage p.lead {
@@ -535,6 +537,10 @@ a.color-a {
   line-height: 60px;
 }
 
+.mobile-stat-text{
+  display: none;
+}
+
 .width-count {
   width: 23%;
   text-align: left;
@@ -1676,8 +1682,6 @@ span.textaccor {
   font-size: 24px;
 }
 
-
-
 @media (max-width: 768px) {
   .navbar-expand-lg .gap-menu {
     flex-direction: column;
@@ -1769,6 +1773,14 @@ span.textaccor {
     transform: rotate(90deg);
   }
 
+  .desktop-stat-text{
+    display: none;
+  }
+
+  .mobile-stat-text{
+    display: block;
+  }
+
   .width-count {
     width: 100%;
 
@@ -1809,8 +1821,8 @@ span.textaccor {
   }
 
   .date-container {
-  text-align: center;
-}
+    text-align: center;
+  }
 
   .ask-advantage-home h2 {
     font-size: 24px;
@@ -1822,7 +1834,7 @@ span.textaccor {
     line-height: 22px;
   }
 
-  .ask-advantage-heading {
+  .ask-advantage-heading-container h2 {
     font-size: 24px;
     line-height: 36px;
   }
@@ -1876,6 +1888,14 @@ span.textaccor {
     justify-content: flex-start !important;
   }
 
+  .home-tittle-blog {
+    font-size: 16px;
+  }
+
+  .read-more{
+    font-size: 14px;
+  }
+
   .arrow {
     display: none;
     /* hide desktop arrow on mobile */
@@ -2074,7 +2094,7 @@ span.textaccor {
     border-radius: 12px;
     margin-top: 20px;
     margin-right: 10px;
-    width: 47%;
+    width: 45%;
   }
 
   .padding-icon5 {
@@ -2393,8 +2413,8 @@ span.textaccor {
   }
 }
 
-@media (max-width:767px){
-    .wrapper {
+@media (max-width: 767px) {
+  .wrapper {
     gap: 15px;
     justify-content: flex-start; /* Align to left on mobile too */
   }
@@ -2431,7 +2451,7 @@ span.textaccor {
   }
 }
 
-@media (min-width:768px) and (max-width:1200px){
+@media (min-width: 768px) and (max-width: 1200px) {
   .wrapper {
     gap: 15px;
     justify-content: flex-start; /* Align to left on mobile too */
@@ -2444,13 +2464,12 @@ span.textaccor {
     max-width: none;
   }
 
-
   .inner_box h2 {
     margin-bottom: 5px;
     font-size: 21px;
   }
 
-  .paragraph-container p{
+  .paragraph-container p {
     font-size: 20px;
   }
 
@@ -2612,7 +2631,7 @@ span.textaccor {
   }
 
   .where2 {
-    padding: 0px 25px !important;
+    padding: 0px 15px !important;
   }
   .ask-advantage2 {
     padding: 0px 25px 60px 25px !important;