.next-steps {
  border-top: 1px solid $gray;
  padding-top: 40px;

  &__heading {
    font-weight: 500;
    margin: 0;
  }

  &__block {
    @include make-row;
    padding-top: 25px;
  }

  &__item {
    @include make-col-ready;
    @include make-col(4);

    &-info {
      &__img img {
        width: 100%;
        margin-bottom: 15px;
      }

      &__link,
      &__link:hover {
        text-decoration: none;
        color: inherit;
      }
    }

    &-heading {
      font-size: 1.25rem;
    }
  }
}

@include media-breakpoint-down(sm) {
  .next-steps {
    padding-top: 0;
    border-top: 0;

    &__item {
      @include make-col(12);

      &-heading {
        font-size: 1.15rem;
        margin-bottom: 20px;
      }
    }
  }
}
