update

ecology.html

@@ -511,7 +511,7 @@
         </div>
         <div class="corp-content">
             <div class="corp-content-wrapper">
-                <img class="corp-content-wrapper__photo" src="img/eco.jpg" alt="photo">
+                <img class="corp-content-wrapper__photo" src="img/les1.jpg" alt="photo">
             </div>
             <div class="corp-content-wrapper">
                 <p class="corp-content-wrapper__text">АО «Волга» регулярно проводит мероприятия по экономии электроэнергии, бережному отношению к природе, рациональному использованию ресурсов.</p>

styles/style.css

@@ -3640,7 +3640,6 @@ body {
 
 .tech-spec-item-img {
   position: relative;
-  width: 100%;
   height: 100%;
 }
 
@@ -4978,6 +4977,10 @@ body {
   margin-bottom: 0;
 }
 
+.obr-wrapper:last-child {
+  margin-bottom: 0;
+}
+
 .obr-cont {
   width: 100%;
   max-width: 920px;
@@ -5009,6 +5012,72 @@ body {
   font-weight: 700;
 }
 
+.obr-cards {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  margin-bottom: 64px;
+}
+
+.obr-cards-item {
+  background-color: #fff;
+  width: calc(50% - 20px);
+  margin-right: 40px;
+  min-height: 290px;
+  padding: 50px 40px 50px 70px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+.obr-cards-item h3 {
+  font-weight: bold;
+  font-size: 24px;
+  line-height: 130%;
+  color: #16291f;
+  margin-bottom: 40px;
+}
+
+.obr-cards-item a {
+  font-weight: 300;
+  font-size: 18px;
+  line-height: 130%;
+  color: #16291f;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 25px;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+}
+
+.obr-cards-item a svg {
+  height: 16px;
+  width: 16px;
+  margin-right: 16px;
+  fill: transparent;
+  stroke: #029745;
+}
+
+.obr-cards-item a:last-child {
+  margin-bottom: 0;
+}
+
+.obr-cards-item a:hover {
+  color: #029745;
+}
+
+.obr-cards-item:nth-of-type(2n + 2) {
+  margin-right: 0;
+}
+
 .nn-item {
   max-width: 800px;
   width: calc(50% - 20px);
@@ -6021,6 +6090,21 @@ body {
     font-size: 14px;
     margin-bottom: 16px;
   }
+  .obr-cards {
+    margin-bottom: 52px;
+  }
+  .obr-cards-item {
+    min-height: 220px;
+    padding: 38px 54px;
+  }
+  .obr-cards-item h3 {
+    font-size: 18px;
+    margin-bottom: 30px;
+  }
+  .obr-cards-item a {
+    font-size: 14px;
+    margin-bottom: 19px;
+  }
   .nn-item {
     height: 250px;
   }
@@ -7829,6 +7913,35 @@ body {
     font-size: 12px;
     margin-bottom: 12px;
   }
+  .obr-cards {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    margin-bottom: 20px;
+  }
+  .obr-cards-item {
+    min-height: 180px;
+    width: 100%;
+    margin-right: 0;
+    margin-bottom: 20px;
+    padding: 32px 16px;
+  }
+  .obr-cards-item h3 {
+    font-size: 14px;
+    margin-bottom: 25px;
+  }
+  .obr-cards-item a {
+    font-size: 12px;
+    margin-bottom: 14px;
+  }
+  .obr-cards-item a svg {
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+  }
+  .obr-cards-item:last-child {
+    margin-bottom: 0;
+  }
   .nn-item {
     margin-right: auto !important;
     margin-left: auto !important;

styles/style.scss

@@ -2722,7 +2722,6 @@ body {
     display: flex;
     &-img {
       position: relative;
-      width: 100%;
       height: 100%;
       &__hover {
         background: linear-gradient(
@@ -3708,6 +3707,9 @@ body {
       margin-bottom: 0;
     }
   }
+  &-wrapper:last-child {
+    margin-bottom: 0;
+  }
   &-cont {
     width: 100%;
     max-width: 920px;
@@ -3731,6 +3733,53 @@ body {
       }
     }
   }
+  &-cards {
+    display: flex;
+    width: 100%;
+    margin-bottom: 64px;
+    &-item {
+      background-color: #fff;
+      width: calc(50% - 20px);
+      margin-right: 40px;
+      min-height: 290px;
+      padding: 50px 40px 50px 70px;
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      h3 {
+        font-weight: bold;
+        font-size: 24px;
+        line-height: 130%;
+        color: #16291f;
+        margin-bottom: 40px;
+      }
+      a {
+        font-weight: 300;
+        font-size: 18px;
+        line-height: 130%;
+        color: #16291f;
+        display: flex;
+        margin-bottom: 25px;
+        transition: 0.4s;
+        svg {
+          height: 16px;
+          width: 16px;
+          margin-right: 16px;
+          fill: transparent;
+          stroke: #029745;
+        }
+      }
+      a:last-child {
+        margin-bottom: 0;
+      }
+      a:hover {
+        color: #029745;
+      }
+    }
+    &-item:nth-of-type(2n + 2) {
+      margin-right: 0;
+    }
+  }
 }
 .nn {
   &-item {
@@ -4837,6 +4886,21 @@ body {
         }
       }
     }
+    &-cards {
+      margin-bottom: 52px;
+      &-item {
+        min-height: 220px;
+        padding: 38px 54px;
+        h3 {
+          font-size: 18px;
+          margin-bottom: 30px;
+        }
+        a {
+          font-size: 14px;
+          margin-bottom: 19px;
+        }
+      }
+    }
   }
   .nn {
     &-item {
@@ -6516,6 +6580,31 @@ body {
         }
       }
     }
+    &-cards {
+      flex-direction: column;
+      margin-bottom: 20px;
+      &-item {
+        min-height: 180px;
+        width: 100%;
+        margin-right: 0;
+        margin-bottom: 20px;
+        padding: 32px 16px;
+        h3 {
+          font-size: 14px;
+          margin-bottom: 25px;
+        }
+        a {
+          font-size: 12px;
+          margin-bottom: 14px;
+          svg {
+            flex-shrink: 0;
+          }
+        }
+      }
+      &-item:last-child {
+        margin-bottom: 0;
+      }
+    }
   }
   .nn {
     &-item {
@@ -6533,8 +6622,6 @@ body {
         width: fit-content;
       }
     }
-    &-wrapper:first-of-type {
-    }
     &-content {
       margin: 0 auto;
     }