add style for catalog

css/styles.css

@@ -894,6 +894,7 @@ video {
   font-family: SFUIDisplay-Light;
   font-size: 18px;
   font-weight: 300;
+  line-height: 24px;
   letter-spacing: 0.24px;
   color: #303a81;
   line-height: 21px;
@@ -1511,7 +1512,7 @@ video {
   background-size: 100% 100%;
   background-position: center;
   padding-top: 123px;
-  padding-bottom: 95px;
+  padding-bottom: 77px;
 }
 @media (max-width: 576px) {
   .protection-background {
@@ -1565,6 +1566,7 @@ video {
   align-items: stretch;
   width: 33%;
   margin-top: 10px;
+  margin-bottom: 10px;
   padding-right: 2%;
   height: auto;
 }
@@ -1727,6 +1729,8 @@ video {
 @media (min-width: 1250px) {
   .tittle-catalog {
     width: 665px;
+    margin-top: 20px;
+    margin-bottom: 50px;
   }
 }
 @media (max-width: 768px) {
@@ -1828,7 +1832,7 @@ video {
   margin-top: -20px;
 }
 .catalog-text {
-  max-width: 56%;
+  max-width: 60%;
   margin-bottom: 120px;
   margin-top: 15px;
 }
@@ -1887,7 +1891,7 @@ video {
   font-family: SFUIDisplay-Light;
   font-size: 18px;
   font-weight: 300;
-  line-height: 21px;
+  line-height: 24px;
   letter-spacing: 0.24px;
   color: #303a81;
 }
@@ -1908,7 +1912,7 @@ video {
   background: #f9fbff;
   background-size: 100% 100%;
   background-position: center;
-  padding-top: 118px;
+  padding-top: 140px;
   padding-bottom: 113px;
   margin-bottom: 114px;
 }

css/styles.less

@@ -1234,7 +1234,7 @@ padding-left: 45px;
   background-size: 100% 100%;
   background-position: center;
   padding-top: 123px;
-  padding-bottom: 95px;
+  padding-bottom: 77px;
   @media (max-width: 576px) {
     padding-top: 51px;
   }
@@ -1276,6 +1276,7 @@ padding-left: 45px;
   align-items: stretch;
   width: 33%;
   margin-top: 10px;
+  margin-bottom: 10px;
   padding-right: 2%;
   height: auto;
   @media (max-width: 992px) {
@@ -1402,6 +1403,8 @@ padding-left: 45px;
 .tittle-catalog {
   @media(min-width: 1250px){
     width: 665px;
+    margin-top: 20px;
+    margin-bottom: 50px;
   }
   margin-bottom: 70px;
   @media (max-width: 768px) {
@@ -1478,7 +1481,7 @@ padding-left: 45px;
   margin-top: -20px;
 }
 .catalog-text {
-  max-width: 56%;
+  max-width: 60%;
   margin-bottom: 120px;
   margin-top: 15px;
   @media (max-width: 768px) {
@@ -1523,11 +1526,12 @@ padding-left: 45px;
     }
   }
 }
+
 .catalog-tittle-text {
   font-family: SFUIDisplay-Light;
   font-size: 18px;
   font-weight: 300;
-  line-height: 21px;
+  line-height: 24px;
   letter-spacing: 0.24px;
   color: #303a81;
   @media (max-width: 768px) {
@@ -1539,12 +1543,13 @@ padding-left: 45px;
     letter-spacing: 0.14px;
   }
 }
+
 /*technology*/
 .technology {
   background: #f9fbff;
   background-size: 100% 100%;
   background-position: center;
-  padding-top: 118px;
+  padding-top: 140px;
   padding-bottom: 113px;
   margin-bottom: 114px;
   @media (max-width: 576px) {