<!-- Col2 Circle Content BEGIN -->
<section class="container-fluid col2-circle-content-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
    <div class="container">
        <div class="row gx-5 gy-4">
            {{#each circle_features}}
            <div class="col-12 col-xl-6">
                <div class="row">
                    <div class="col-12 col-md-auto">
                        <div class="rounded-circle {{../border_color}}">
                            <img class="rounded-circle" src="{{image.url}}" alt="{{image.alt}}" />
                        </div>
                    </div>
                    <div class="col align-content-center text-center text-md-start me-xl-5">
                        <div class="highlighted-circle-title">
                            <h3>{{title}}</h3>
                        </div>
                        <div class="highlighted-circle-copy">
                            <p>{{copy}}</p>
                        </div>
                        {{#if link}}
                        <button type="button" class="{{../button_colors}}" href="{{link.url}}">
                            {{link.title}}
                        </button>
                        {{/if}}
                    </div>
                </div>
            </div>
            {{/each}}
        </div>
    </div>
</section>
<!-- Col2 Circle Content END -->