{{-- @dd($compContent) --}}

<section class="ideal-main">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="ideal__content text-center">
                    <h4>
                        {{ $compContent['ideal_main_heading'] ?? ''}}
                        <span class="d-block">
                            {{ $compContent['ideal_heading'] ?? ''}}
                        </span>
                    </h4>
                </div>
            </div>
        </div>
        <div class="ideal__wrap">
            <div class="ideal__item">
                <h3>{{ $compContent['ideal_counter'] ?? ''}}</h3>
                <h5>{{ $compContent['ideal_text'] ?? ''}}</h5>
            </div>
            <div class="ideal__item">
                <h3>{{ $compContent['ideal_counter_1'] ?? ''}}</h3>
                <h5>{{ $compContent['ideal_text_1'] ?? ''}}</h5>
            </div>
            <div class="ideal__item">
                <h3>{{ $compContent['ideal_counter_2'] ?? ''}}</h3>
                <h5>{{ $compContent['ideal_text_2'] ?? ''}}</h5>
            </div>
            <div class="ideal__item">
                <h3>{{ $compContent['ideal_counter_3'] ?? ''}}</h3>
                <h5>{{ $compContent['ideal_text_3'] ?? ''}}</h5>
            </div>
        </div>
    </div>
</section>