/* section-block */
.section__h1-short-header {
   margin-bottom: 80px;
}
.section__h1-short--row,
.section__h1-long--row,
.section__h2-long--row,
.section__empty-title--row {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}
.section__h1-short--left {
   flex: 0 0 calc((4 / 12) * 100% - ((4 - 1) * 16px / 12));
   display: flex;
   flex-direction: column;
   gap: var(--padding-80);
}
.section__h1-short--right {
   flex: 0 0 calc((8 / 12) * 100% - ((8 - 1) * 16px / 12));
   width: calc((8 / 12) * 100% - ((8 - 1) * 16px / 12));
}
.section__h1-long--right {
   flex: 0 0 calc((8 / 12) * 100% - ((8 - 1) * 16px / 12));
   width: calc((8 / 12) * 100% - ((8 - 1) * 16px / 12));
}
.section__h1-long--left,
.section__h2-long--left,
.section__empty-title--left {
   flex: 0 0 calc((4 / 12) * 100% - ((4 - 1) * 16px / 12));
}

.section__h2-long--right {
   flex: 0 0 calc((8 / 12) * 100% - ((8 - 1) * 16px / 12));
}
.section__h1-short-block-block {
   position: sticky;
   top: 156px;
}
@media (max-width: 1440px) {
   .section__h1-short--row,
   .section__h1-long--row,
   .section__h2-long--row,
   .section__empty-title--row {
      flex-direction: column;
      gap: 70px;
   }
   .section__h1-short--right {
      width: 100%;
   }
   .section__h1-long--right {
      width: 100%;
   }
   .section__h1-short-block-block--flex.section__h1-short-block-block {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 16px;
   }
   .section__h1-short-block-block--flex .section__h1-short-header {
      flex: 0 0 calc((3 / 8) * 100% - ((3 - 1) * 16px / 8));
   }
   .section__h1-short-block-block--flex .section__h1-short-banner {
      flex: 0 0 calc((4 / 8) * 100% - ((4 - 1) * 16px / 8));
   }
}
@media (max-width: 1024px) {
   .section__h1-short-block-block--flex .section__h1-short-header {
      flex: 1;
   }
   .section__h1-short-block-block--flex .section__h1-short-banner {
      flex: 1;
   }
}
@media (max-width: 720px) {
   .section__h1-short-block-block--flex.section__h1-short-block-block {
      flex-direction: column;
      gap: 60px;
   }
   .section__h1-short-block-block--flex .section__h1-short-header {
      margin-bottom: 0px;
   }
}
/* section-block */