add img

css/styles.css

@@ -441,7 +441,7 @@ video {
 }
 .h2-desktop-tittle {
   font-family: Avenir Next;
-  font-weight: 800;
+  font-weight: 2000;
 }
 @media (max-width: 576px) {
   .h2-desktop-tittle {
@@ -1240,6 +1240,7 @@ video {
 .catalog-text {
   max-width: 56%;
   margin-bottom: 120px;
+  margin-top: 15px;
 }
 @media (max-width: 768px) {
   .catalog-text {
@@ -1270,6 +1271,7 @@ video {
   }
 }
 .catalog-text p {
+  font-family: Avenir Next;
   font-size: 18px;
   font-weight: 300;
   line-height: 24px;
@@ -1278,14 +1280,14 @@ video {
 }
 @media (max-width: 768px) {
   .catalog-text p {
-    font-family: SFUIDisplay-Light;
+    font-family: Avenir Next;
     font-size: 14px;
     letter-spacing: 0.14px;
   }
 }
 @media (max-width: 576px) {
   .catalog-text p {
-    font-family: SFUIDisplay-Light;
+    font-family: Avenir Next;
     font-size: 14px;
     letter-spacing: 0.14px;
   }
@@ -1295,9 +1297,9 @@ video {
   background: #f9fbff;
   background-size: 100% 100%;
   background-position: center;
-  padding-top: 140px;
-  padding-bottom: 165px;
-  margin-bottom: 113px;
+  padding-top: 118px;
+  padding-bottom: 113px;
+  margin-bottom: 103px;
 }
 @media (max-width: 576px) {
   .technology {
@@ -1334,6 +1336,7 @@ video {
 .technology-container-wrapper {
   display: flex;
   width: 100%;
+  padding-top: 20px;
 }
 @media (max-width: 576px) {
   .technology-container-wrapper {
@@ -1349,7 +1352,6 @@ video {
 .technology-containe {
   width: 50%;
   height: 200px;
-  margin-top: 50px;
   display: flex;
 }
 @media (max-width: 992px) {
@@ -1469,7 +1471,7 @@ video {
   position: relative;
   max-width: 256px;
   height: 834px;
-  margin-top: 10px;
+  margin-top: 15px;
   padding: 30px 16px 32px 16px;
   background: #f9fbff;
   border: #e6effa 1px solid;
@@ -1533,9 +1535,6 @@ video {
     width: 190px;
   }
 }
-.price-container {
-  margin-top: 20px;
-}
 .price-container-active {
   box-shadow: 0 25px 25px #e6effa;
   height: 901px;
@@ -1676,7 +1675,7 @@ video {
 }
 .price-line-little {
   width: 75px;
-  height: 2px;
+  height: 1px;
   border-bottom: #c94d4e 1px solid;
   margin: 0 auto;
 }
@@ -1696,21 +1695,27 @@ video {
   margin-left: 5px;
   color: #c94d4e;
 }
-.price-line,
-.price-line-big {
+.price-line {
   width: 256px;
-  height: 3px;
+  height: 2.3px;
   margin-left: -16px;
   border-bottom: #e6effa 1px solid;
 }
 @media (max-width: 1250px) {
-  .price-line,
-  .price-line-big {
+  .price-line {
     width: 170px;
   }
 }
 .price-line-big {
-  height: 3px;
+  width: 256px;
+  height: 2px;
+  margin-left: -16px;
+  border-bottom: #e6effa 1px solid;
+}
+@media (max-width: 1250px) {
+  .price-line-big {
+    width: 170px;
+  }
 }
 .price-info-carry {
   line-height: 12px;

css/styles.less

@@ -384,7 +384,7 @@ video {
 }
 .h2-desktop-tittle {
   font-family: Avenir Next;
-  font-weight: 800;
+  font-weight: 2000;
   @media (max-width: 576px){
     max-width: 170px;
   }
@@ -1007,6 +1007,7 @@ video {
 .catalog-text {
   max-width: 56%;
   margin-bottom: 120px;
+  margin-top: 15px;
   @media (max-width: 768px) {
     max-width: 100%;
     margin-bottom: 80px;
@@ -1030,18 +1031,19 @@ video {
     }
   }
   p {
+    font-family: Avenir Next;
     font-size: 18px;
     font-weight: 300;
     line-height: 24px;
     letter-spacing: 0.24px;
     color: #303a81;
     @media (max-width: 768px) {
-      font-family: SFUIDisplay-Light;
+      font-family: Avenir Next;
       font-size: 14px;
       letter-spacing: 0.14px;
     }
     @media (max-width: 576px) {
-      font-family: SFUIDisplay-Light;
+      font-family: Avenir Next;
       font-size: 14px;
       letter-spacing: 0.14px;
     }
@@ -1052,9 +1054,9 @@ video {
   background: #f9fbff;
   background-size: 100% 100%;
   background-position: center;
-  padding-top: 140px;
-  padding-bottom: 165px;
-  margin-bottom: 113px;
+  padding-top: 118px;
+  padding-bottom: 113px;
+  margin-bottom: 103px;
   @media (max-width: 576px) {
     padding-top: 51px;
   }
@@ -1081,6 +1083,7 @@ video {
 .technology-container-wrapper {
   display: flex;
   width: 100%;
+  padding-top: 20px;
 
   @media (max-width: 576px) {
     flex-wrap: wrap;
@@ -1093,7 +1096,7 @@ video {
 .technology-containe {
   width: 50%;
   height: 200px;
-  margin-top: 50px;
+
   display: flex;
 
 
@@ -1192,7 +1195,7 @@ video {
   position: relative;
   max-width: 256px;
   height: 834px;
-  margin-top: 10px;
+  margin-top: 15px;
   padding: 30px 16px 32px 16px;
   background: #f9fbff;
   border: #e6effa 1px solid;
@@ -1236,9 +1239,6 @@ video {
     }
   }
 }
-.price-container {
-  margin-top: 20px;
-}
 .price-container-active {
   box-shadow: 0 25px 25px #e6effa;
   height: 901px;
@@ -1352,7 +1352,7 @@ video {
 }
 .price-line-little {
   width: 75px;
-  height: 2px;
+  height: 1px;
   border-bottom: #c94d4e 1px solid;
   margin: 0 auto;
 }
@@ -1373,9 +1373,9 @@ video {
     color: #c94d4e;
   }
 }
-.price-line, .price-line-big {
+.price-line {
   width: 256px;
-  height: 3px;
+  height: 2.3px;
   margin-left: -16px;
   border-bottom: #e6effa 1px solid;
   @media (max-width:  1250px) {
@@ -1383,7 +1383,13 @@ video {
   }
 }
 .price-line-big {
-  height: 3px;
+  width: 256px;
+  height: 2px;
+  margin-left: -16px;
+  border-bottom: #e6effa 1px solid;
+  @media (max-width:  1250px) {
+    width: 170px;
+  }
 }
 .price-info-carry {
   line-height: 12px;

index.html

@@ -443,7 +443,7 @@
             <div class="option-text">
                 <p>
                     Разворачивание внутри клиентской сети.
-Более затратно, но и надежно.
+                    Более затратно, но и надежно.
                 </p>
             </div>
             <button type="button" class="main-btn option-btn">Заказать</button>