{{#
/**
 * @name top-level/focal-section-integrations
 * @todo Document property vars/partial
 */
#}}
<section class="px-5 bg-slate-120 pt-11 pb-10 l--py-12">
  <div class="mw-32 m--mw-grid mx-auto m--grid m--g-cols m--gap-m m--ai-center l--my-11
    {{ if title=='Messaging' }} l--my-12 {{ /if }}
    {{ if title=='CRM' }}l--py-6{{ else }}l--py-0{{ /if }}">
    <div class="relative m--g-col-6 m--h-100">
      {{ asset:focal_apps_image }}
      <img src="{{ url }}" alt="{{ alt }}" class="email-integrations l--mw-none l--center-y l--absolute">
      {{ /asset:focal_apps_image }}
    </div>
    <div class="m--g-col-6">
      <h2 class="title-2 white mb-4 m--title-3 m--mt-0">{{ focal_apps_title }}</h2>
      <p class="body-3 white m--mb-0">{{ focal_apps_description }}</p>
    </div>
  </div>
</section>