{% block cms_block_services_element %}

	{% set media = element.config.media.value %}
	{% set title = element.config.title.value %}
	{% set subTitle = element.config.subTitle.value %}

	{% set titleColor = element.config.titleColor.value %}
	{% set borderColor = element.config.borderColor.value %}
	{% set subtitleColor = element.config.subtitleColor.value %}

	{% set mediaCollection = searchMedia([media], context.context) %}
	{% set serviceImage = mediaCollection.get(media) %}

	<div class="usp--box" style="border-color: {{borderColor}};">
		<div class="usp-icon">
			{% set attributes = {
                'height': '70',
				'width' : '70',
                'alt': (serviceImage.translated.alt ?: title),
                'title': (serviceImage.translated.title ?: title)
            } %}
			{% sw_thumbnails 'product-manufacturer-image-thumbnails' with {
				media: serviceImage
			} %}
		</div>

		<div class="usp-title">
            {% if title %}
				<span style="color: {{titleColor}}">{{title}}</span>
			{% endif %}
            {% if subTitle %}
				<label style="color: {{subtitleColor}}">{{subTitle}}</label>
			{% endif %}
		</div>
	</div>
{% endblock %}
