.license-row
  background-color: $navyBlue
  padding: 80px 0
  color: white

  .content-container
    position: relative
    z-index: 2

  .reason-block
    width: $contentGrid * 11
    margin-left: $contentGrid
    padding-left: 10px

    h2
      +font-semi-bold(24px)
      margin-bottom: 50px

      &.less-padding
        margin-bottom: 20px

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

      p, span, em, a, div, ul, li
        +font-light(19px, 26px)

      .col-6
        width: 49%
        display: inline-block
        padding-right: 60px
        vertical-align: top

        +media-query(550px)
          padding-right: 0

      p.internalLink
        cursor: pointer
        width: 75%

      .button
        margin-right: 60px
        a
          font-weight: bold

  .license-holders
    margin-bottom: 60px
    padding: 30px 20px 40px
    background-color: white
    border-radius: 18px

  &:not(.license-row--white):not(.license-row--gray)
    .reason-block
      h2
        color: white

      .content
        p, span, em, a, div, ul, li
          color: white

  .license-holders__title
    margin: 0
    text-align: center
    em
      color: $navyBlue !important

  .license-holders__grid
    +flex(flex-start, center)
    +flex-wrap(wrap)

  .license-holders__item
    width: calc((100% - 40px) / 2)
    margin-top: 55px
    background-color: white

    &:nth-child(2n)
      margin-left: 40px

  .license-holders__image
    max-width: 80%
    margin: auto

  .license-holders__image--hrdirect
    max-width: 35%

  .license-holders__image--hrdomein,
  .license-holders__image--riemersma_partners
    max-width: 70%

  .license-holders__title
    color: $navyBlue !important

.license-row--white
  background-color: white

.license-row--gray
  background-color: #f1f2f6

+media-query(1030px)
  .license-row
    margin-bottom: 0!important
    .background
      display: none
    .content-container
      display: block
    .reason-block
      .content
        .col-6
          width: 100%

    .license-holders
      margin-top: 60px

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

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

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

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