{% for service in services %}
<div class="search-result">
  <h2 class="search-result-title">
        <a href="/services/{{ service.id }}">{{ service.serviceName }}</a>
    </h2>
    <p class="search-result-supplier">
        {{ service.supplierName }}
    </p>

    <p class="search-result-excerpt">
        {{ service.serviceSummary }}
    </p>
    <ul aria-label="tags" class="search-result-metadata">
        <li class="search-result-metadata-item">
            {{ service.lot }}
        </li>
        <li class="search-result-metadata-item">
            {{ service.frameworkName }}
        </li>
    </ul>
</div>
{% endfor %}

{% for service in services %}
<div class="search-result">
  <h2 class="search-result-title">
        <a href="/services/{{ service.id }}">{{ service.serviceName }}</a>
    </h2>
    <p class="search-result-supplier">
        {{ service.supplierName }}
    </p>

    <p class="search-result-excerpt">
        {{ service.serviceSummary }}
    </p>
    <ul aria-label="tags" class="search-result-metadata">
        <li class="search-result-metadata-item">
        {% if service.lot == 'SaaS' %}
            Software as a Service
        {% elif service.lot == 'PaaS' %}
            Platform as a Service
        {% elif service.lot == 'IaaS' %}
            Infrastructure as a Service
        {% elif service.lot == 'SCS' %}
            Specialist Cloud Services
        {% else %}
            Lot: {{ service.lot }}
        {% endif %}
        </li>
        <li class="search-result-metadata-item">
            {{ service.frameworkName }}
        </li>
    </ul>
</div>
{% endfor %}

Expand acronyms for Lots in search results page
Expand acronyms for Lots in search results page

 Currently the acronym corresponding to the lot (i.e. SaaS, IaaS, PaaS or SCS) appears under search results.
  These should be fully expanded for display to users.
