.slide-responsibility {
  padding: 20px 0 20px 20px;
  max-height: 285px;
  position: relative;
  top: -150px;
  transition: .3s ease;
  //transition-delay: 3s;

  @include breakpoint-down('tabM') {
    padding: 0;
  }

  &__number {
    margin-bottom: 20px;
    width: 50px;
    height: 50px;
    border: thin solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;

    @include breakpoint-down('deskS') {
      width: 32px;
      height: 32px;
      margin-bottom: 19px;
    }

    @include breakpoint-down('tabM') {
      margin-bottom: 8px;
    }
  }

  &__title {
    margin-bottom: 16px;

    @include breakpoint-down('deskS') {
      margin-bottom: 8px;
    }
  }

  &__desc {
    max-width: 480px;

    @include breakpoint-down('deskL') {
      max-width: 460px;
    }
  }
}