.hero-content {
   @include _Tablet {
      max-width: 570px;
   }

   @include _Desktop {
      max-width: 55%;
   }

   &__body {
      padding-bottom: 40px;
   }

   &__h1 {
      margin-bottom: 16px;

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

   &__descr {
      margin-bottom: 24px;
      line-height: 1.4;

      @include _Tablet {
         margin-bottom: 40px;
         font-size: rem(20);
         max-width: 490px;
      }

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

      @include _HDesktop {
         margin-bottom: 56px;
         font-size: rem(24);
         max-width: 650px;
      }

      ul {
         list-style: none;
         li {
            position: relative;
            margin-bottom: 8px;
            padding-left: 20px;

            &::before {
               content: "";
               position: absolute;
               top: 50%;
               left: 0;
               transform: translateY(-50%);
               width: 6px;
               height: 6px;
               background-color: #fff;
               border-radius: 50%;
            }
         }
      }
   }

   &__btns {
      display: flex;
      gap: 12px;

      @include _Tablet {
         gap: 24px;
      }

      @include _HDesktop {
         gap: 32px;
      }
   }

   &__btn {
      min-width: 162px;

      @include _Desktop {
         font-size: rem(12);
      }
      @include _HDesktop {
         font-size: rem(14);
      }
   }

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

      .arrow-link__text {
         font-size: rem(12);

         @include _HDesktop {
            font-size: rem(14);
         }
      }
   }
}

.hero-block-image .hero-content-position {
   height: 100%;
}

.hero-content-position {
   position: absolute;
   bottom: 0;
   z-index: 2;
   width: 100%;

   &.relative {
      position: relative;
   }

   &.sticky {
      position: sticky;
      top: 0;
   }

   .container {
      height: 100%;
   }
}
