<div class="is-section ">
    <div class="is-boxes">

        <div class="is-box-5 is-box">
            <div class="is-boxes">
                <div class="is-box-centered">
                    <div class="is-container container is-stretch-h is-stretch-w" style="max-width: 100%;">

                        {{-- Custom snippet 1 --}}
                        <div class="row">
                            <div class="col justify-content-center py-5 bg-primary text-light">
                                <div class="align-items-start d-flex flex-row px-4 py-2">
                                    <div class="pr-2" style="text-align: center;">
                                        <div class="d-inline-block h2 text-light pt-1 px-3">
                                            <i class="icon fas fa-phone-alt" style="line-height: inherit;"></i>
                                        </div>
                                    </div>
                                    <div class="text-light">
                                        <h2>Phone</h2>
                                        <p>
                                            <a href="tel:{{ str_replace(' ', '', setting("client::company.phone", '#')) }}"
                                               class="text-white"
                                            >
                                                {{ setting("client::company.phone", 'XXXXX XXX XXX') }}
                                            </a>
                                        </p>
                                    </div>
                                </div>
                                <div class="align-items-start d-flex flex-row px-4 py-2">
                                    <div class="pr-2" style="text-align: center;">
                                        <div class="d-inline-block h2 text-light pt-1 px-3">
                                            <i class="icon fas fa-envelope" style="line-height: inherit;"></i>
                                        </div>
                                    </div>
                                    <div class="text-light">
                                        <h2>Email</h2>
                                        <p>
                                            <a href="mailto:{{ setting("client::company.email", '#') }}"
                                               class="text-white"
                                            >
                                                {{ setting("client::company.email", 'email@domain.co.uk') }}
                                            </a>
                                        </p>
                                    </div>
                                </div>
                                <div class="align-items-start d-flex flex-row px-4 py-2">
                                    <div class="pr-2" style="text-align: center;">
                                        <div class="d-inline-block h2 text-light pt-1 px-3">
                                            <i class="icon fas fa-map-marker-alt" style="line-height: inherit;"></i>
                                        </div>
                                    </div>
                                    <div class="text-light">
                                        <h2>Address</h2>
                                        <p>
                                            {{ setting("client::office.line_1", 'Example Lane') }},
                                            {{ setting("client::office.line_2", 'Example Road') }},
                                            {{ setting("client::office.city", 'Example City') }},
                                            {{ setting("client::office.postcode", 'Example Postcode') }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="is-box-7 is-box is-bg-light">
            <div class="is-boxes">
                <div class="is-box-centered">
                    <div class="is-container container is-custom" style="max-width: 100%;">

                        {{-- Custom snippet 2 --}}

                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

