.services-row
  position: relative
  margin-bottom: -100px

  .content-container
    +flex(center, center)
    position: relative
    z-index: 2
  .reason-block
    width: $contentGrid * 4
    margin-left: $contentGrid
    padding-left: 10px
    h2
      +font-semi-bold(24px, 32px)

    .content
      width: calc(100% / 4 * 3.5)

      p, h2, span
        +font-light(19px, 26px)

  .fital-circle
    width: $contentGrid * 7

    .mobile-circle
      display: none
    img
      width: 100%


  .background
    position: absolute
    width: 100%
    height: 75%
    top: 12.5%
    background: $almostWhite

+media-query(1030px)
  .services-row
    margin-bottom: 0!important
    .background
      display: none
    .content-container
      display: block
    .reason-block
      width: $contentGrid*10
      .content
        max-width: 400px

    .fital-circle
      padding: 80px 0
      width: 95%
      max-width: 740px
      margin: auto


+media-query(740px)
  .services-row
    .reason-block
      h2
        +font-bold(26px, 38px)

    .content-container
      width: 100%
      .reason-block
        width: 100%
        margin-left: 0
        padding: 60px $contentGrid
        background-color: $almostWhite
        .content
          width: 100%

          p, h2, span
            +font-default(21px, 32px)

+media-query(640px)
  .services-row
    .fital-circle
      .mobile-circle
        display: block
      .global
        display: none