/* h1-short */
.h1-short__wrapper {
   display: flex;
   flex-direction: column;
   gap: var(--padding-24);
}
/* h1-short */
/* h1-long */
.h1-long__wrapper {
   display: flex;
   flex-direction: column;
   gap: var(--padding-24);
   margin-bottom: var(--padding-80);
   width: calc((7 / 12) * 100% - ((7 - 1) * 16px / 12));
}
/* h1-long */
/* h2-long */
.h2-long__wrapper {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-bottom: var(--padding-80);
}
.h2-long__left {
   flex: 0 0 calc((7 / 12) * 100% - ((7 - 1) * 16px / 12));
}
.h2-long__right {
   flex: 0 0 calc((5 / 12) * 100% - ((5 - 1) * 16px / 12));
}
.h2-long__title {
   max-width: 1000px;
}
.h2-long__img .image {
   max-width: 714px;
   height: auto;
   width: auto;
   max-height: 100%;
   max-width: 100%;
   object-fit: contain;
   padding-left: 30px;
}
.h2-long__img {
   height: 100%;
}
.h2-long__img.image--p-top.image--f-cover .image {
   object-position: top;
}
.h2-long__img.image--p-bottom.image--f-cover .image {
   object-position: bottom;
}
.h2-long__img.image--p-center.image--f-cover .image {
   object-position: center;
}
.h2-long__img.image--f-cover .image {
   object-fit: cover;
}
.h2-long__img.image--p-top.image--f-none {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
}
.h2-long__img.image--p-bottom.image--f-none {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
}
.h2-long__img.image--p-center.image--f-none {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.h2-long__img.image--f-none .image {
   max-height: 100%;
   max-width: 100%;
   object-fit: contain;
   height: auto;
   width: auto;
}
.h1-long__list-link {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 24px;
   flex-wrap: wrap;
   margin-bottom: 40px;
}
.btn-title.btn {
   padding: 20px 28px;
}
@media (max-width: 1440px) {
   .h2-long__left {
      flex: 0 0 calc((5 / 8) * 100% - ((5 - 1) * 16px / 8));
   }
   .h2-long__right {
      flex: 0 0 calc((3 / 8) * 100% - ((3 - 1) * 16px / 8));
   }

   .h1-long-mobi-banner .h1-long {
      display: flex;
      justify-content: space-between;
      gap: 16px;
   }
   .h1-long-mobi-banner .h1-long__wrapper {
      flex: 0 0 calc((3 / 8) * 100% - ((3 - 1) * 16px / 8));
   }
   .h1-long-mobi-banner .section__h1-long-banner {
      flex: 0 0 calc((4 / 8) * 100% - ((4 - 1) * 16px / 8));
   }
   .h1-long-mobi-banner .h1-long__wrapper {
      margin-bottom: 0;
   }
   .h1-long-mobi-banner .section__h1-long-header {
      margin-bottom: 40px;
   }
}
@media (max-width: 1024px) {
   .h2-long__right {
      display: none;
   }
   .h2-long__left {
      width: 100%;
      flex: 100%;
   }
   .h2-long__title {
      max-width: 100%;
   }
   .h1-long__wrapper {
      width: calc((5 / 6) * 100% - ((5 - 1) * 16px / 6));
   }
   .h1-long-mobi-banner .h1-long__wrapper {
      flex: 1;
   }
   .h1-long-mobi-banner .section__h1-long-banner {
      flex: 1;
   }
   .statistics__item {
      gap: 16px;
   }
}
@media (max-width: 720px) {
   .h1-long {
      flex-direction: column;
   }
   .h1-long-mobi-banner .h1-long {
      gap: 60px;
   }
   .h1-long-mobi-banner .section__h1-long-header {
      margin-bottom: 60px;
   }
   .h1-long-mobi-banner .h1-long__wrapper {
      flex: 100%;
   }
   .h1-long__wrapper {
      width: 100%;
   }
   .statistics__item--border {
      gap: var(--padding-40);
   }
}
@media (max-width: 560px) {
   .h2-long__title.h2 {
      font-size: 20px;
   }
   .btn-title.btn {
      padding: 12px 20px;
   }
}
/* h2-long */