{{- $service := .service }}
{{- $odd := .odd }}
<div id="{{ $service.id }}" class="section {{if eq $odd 0}} section-even {{end}} row">
    <div class="section-content services">
        {{if eq $service.image.direction "left"}}
        <div class="service-icon-container col-5">
            <img class="service-icon" src="{{ $service.image.url }}">
        </div>
        {{end}}
        <div class="service-description col-7">
            <div class="title">
                <h1 class="content-title">{{ $service.title }}</h1>
                <div class="divider"></div>
            </div>
            <p>{{ $service.description }}</p>
            {{if $service.button.visible}}
            <a class="service-button" href="{{ $service.button.url }}">{{ $service.button.text }}</a>
            {{end}}
            </div>
        {{if eq $service.image.direction "right"}}
        <div class="service-icon-container col-5">
            <img class="service-icon" src="{{ $service.image.url }}">
        </div>
        {{end}}
    </div>
</div>