.stages-slide {
   &__wrapper {
      background-color: #000000;
      padding: 24px;
      display: flex;
      flex-direction: column;
      gap: 40px;

      @include _Tablet {
         flex-direction: row;
         align-items: center;
         padding: 24px 40px;
      }

      @include _HDesktop {
         padding: 40px;
      }
   }

   &__num {
      width: 32px;
      height: 32px;
      background-color: cl("accent");
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;

      @include _Tablet {
         flex: 0 0 48px;
         height: 48px;
      }

      @include _HDesktop {
         flex: 0 0 59px;
         height: 59px;
      }
   }

   &__content {
   }

   &__title {
      margin-bottom: 16px;

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

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

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

   &__text {
      color: #ffffff99;
   }
}
