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