.hero-image-content {
   height: 100%;
   padding: 80px 0 30px;
   position: relative;
   @include _Tablet {
      padding: 95px 0 40px;
   }

   @include _HDesktop {
      padding: 120px 0 40px;
   }

   & .container {
      height: 100%;
   }

   &__body {
      display: flex;
      flex-direction: column;
      height: 100%;

      @include _Tablet {
         max-width: 640px;
      }

      @include _XSDesktop {
         max-width: 515px;
      }
      @include _Desktop {
         max-width: 605px;
      }

      @include _HDesktop {
         max-width: 820px;
      }
   }

   &__breadcrumbs {
      flex: 1;
   }

   &__badge {
      margin-bottom: 32px;

      @include _Tablet {
         margin-bottom: 40px;
      }
      @include _XSDesktop {
         grid-column: 1;
         margin-bottom: 32px;
      }

      @include _HDesktop {
         margin-bottom: 40px;
      }
   }

   &__h1 {
      margin-bottom: 16px;

      @include _Tablet {
         margin-bottom: 24px;
      }
      @include _XSDesktop {
         grid-column: 1;
      }

      @include _Desktop {
         margin-bottom: 16px;
      }
      @include _HDesktop {
         margin-bottom: 24px;
      }
   }

   &__descr {
      margin-bottom: 32px;

      @include _Tablet {
         margin-bottom: 40px;
      }
      @include _XSDesktop {
         grid-column: 1;
         margin-bottom: 24px;
      }

      @include _Desktop {
         margin-bottom: 32px;
      }

      @include _HDesktop {
         margin-bottom: 40px;
      }
   }

   &__btns {
      @include _Tablet {
         margin-bottom: 32px;
      }
      @include _XSDesktop {
         grid-column: 1;
         margin: 0;
      }
   }

   &__btn.btn {
      min-width: 165px;
      padding: 18px 16px;

      @include _HDesktop {
         padding: 22px 16px;
         min-width: 200px;
      }
   }

   &__link {
      & .arrow-link__arrow {
         width: 40px;
         height: 40px;
      }
   }

   &__hero-case {
      max-width: 360px;
      grid-row: 5;

      @include _Tablet {
         max-width: 360px;
      }

      @include _XSDesktop {
         position: absolute;
         bottom: 40px;
         right: 0;
      }

      @include _HDesktop {
         max-width: 600px;
      }
   }
}
