fourth slide fin

index.html

@@ -265,6 +265,48 @@ <h2>Услуги, которые у нас заказывают чаще все
     </div>
   </section>
 
+  <section class="partner">
+    <div class="container partner__container">
+      <div class="row partner__row center">
+        <div class="col-12 center flex-column ">
+          <div class="partner__imgCart">
+            <img src="img/otherIcons/cart.png ">
+          </div>
+          <div class="partner__header text-center center">
+            <h2>MarketGo</h2>
+            <h3> — технологический партнер крупнейших маркетплейсов</h3>
+          </div>
+          <div class="partner__blocks center">
+            <div class="partner__brand">
+              <img src="img/brands/wildberries.png" alt="wildberries">
+            </div>
+            <div class="partner__block">
+              <img src="img/brands/ozon.png" alt="ozon">
+            </div>
+            <div class="partner__block">
+              <img src="img/brands/yandexMarket.png" alt="yandex">
+            </div>
+            <div class="partner__block">
+              <img src="img/brands/goodsRu.png" alt="goods.ru">
+            </div>
+            <div class="partner__block">
+              <img src="img/brands/aliExpress.png" alt="aliexpress">
+            </div>
+            <div class="partner__block">
+              <img src="img/brands/amazon.png" alt="amazon">
+            </div>
+            <div class="partner__block">
+              <img src="img/brands/ebay.png" alt="ebay">
+            </div>
+          </div>
+          <div class="partner__logo center">
+            <img src="img/mainIconLarge.svg" alt="Logo">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <script src="js/main.js"></script>
 </body>
 

style/style.sass

@@ -234,8 +234,36 @@ p
   p
     color: black
 
-@media screen and (min-width:1800px)
-  .services__blocks
+.partner
+.partner__row
+  padding-top: 150px
+  .col-12
+    max-width: 1400px 
+    min-height: 600px
+    border: 3px solid #DBCAE7
+    border-radius: 36px
+    position: relative
+.partner__header
+  margin-top: 30px
+  margin-bottom: 80px
+  gap: 10px
+  justify-self: start
+  h2
+    color: #F1588A
+.partner__imgCart
+  position: absolute
+  top: -50px
+  right: -30px
+.partner__logo
+  position: absolute
+  bottom: -50px
+  width: 230px
+  background-color: #fff
+.partner__blocks
+  margin-bottom: 50px
+  max-width: 900px
+  flex-wrap: wrap
+  gap: 90px
 
 @media screen and (max-width:768px)
   p
@@ -258,7 +286,13 @@ p
   .header__row
   .header__other
     width: 100%
+@media screen and (max-width:1060px)
+  .partner__header
+    h2
+      display: none
 @media screen and (max-width:700px)
+  .partner__blocks
+    gap: 30px
   .content
     display: none
   .slider
@@ -295,6 +329,10 @@ p
     width: 100%
 
 @media screen and (max-width:450px)
+  .partner
+    margin: 80px 0
+  .partner__imgCart
+    right: 10px
   .services__bgcImg
     display: none
   .row