<section id="services" class="translucent-bg bg-image-1 blue" style="padding-bottom: 50px;">
  <div class="container object-non-visible" data-animation-effect="fadeIn">
    <h2 class="text-center title">{{ i18n "services_title" }}</h2>
    <div class="space"></div>
    <div class="row jusitfy-content-start">
      {{ range (where .Site.RegularPages "Type" "service").ByParam "position" }}

      <div class="col-md-6">
        <div class="d-flex">
          <div class="align-items-start" style="margin-right: 20px;">
            <a href="{{ .Permalink | relURL }}" title="{{ .Title }}"><i class="{{ .Params.menu.main.params.iconClass }} fa-2x"></i></a>
          </div>
          <div>
            <h4><a href="{{ .Permalink | relURL }}">{{ .Title }}</a></h4>
            <p><a href="{{ .Permalink | relURL }}">{{ .Params.shortDescription}}</a></p>
          </div>
        </div>
      </div>
      {{ end }}
      <!-- Row -->
    </div>

  </div>
</section>