#howItWorks
  .impression-row
    .content
      ol
        position: relative
        list-style: none
        counter-reset: ol-counter
        padding-left: 0

        &:before
          content: ''
          position: absolute
          left: 14px
          top: 0
          width: 2px
          height: calc(100% - 25px)
          background-color: white

        >li
          position: relative
          padding-left: 40px
          min-height: 30px
          font-size: 0.9rem
          line-height: 1.4

          &:before, &:after
            position: absolute
            left: 0
            top: -2px

          &:before
            counter-increment: ol-counter
            content: counter(ol-counter)
            +flex(center, center)
            width: 30px
            height: 30px
            font-size: 14px
            line-height: 1
            z-index: 2

          &:after
            content: ''
            width: 26px
            height: 26px
            border: 2px solid white
            border-radius: 100%
            background-color: $greyBluer

      +respond-to-width(1000)
        h3
          margin-bottom: 40px

  .full-text-row
    padding-bottom: 120px

    +respond-to-width(740)
      padding-bottom: 60px

      .grid-row
        .kms-content
          text-align: left