{{-- @dd($compContent) --}}
<section class="benefits-main">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <figure class="stamp-img">
                    <img src="{{ $compData->getFirstMediaUrl('benefits_image_png') ?? '' }}" alt="image" class="img-fluid">
                </figure>
                <figure class="benefits__img">
                    <img src="{{ $compData->getFirstMediaUrl('benefits_image_1') ?? '' }}" alt="image" class="img-fluid">
                    <img src="{{ $compData->getFirstMediaUrl('benefits_image_2') ?? '' }}" alt="image" class="img-fluid">
                </figure>
            </div>
            <div class="col-lg-6">
                <div class="benefits__content">
                    <h5 class="subhead">{{$compContent['small_heading'] ?? ''}}</h5>
                    <h3 class="mainhead">{{$compContent['benefit_heading'] ?? ''}}</h3>
                    <p>{{$compContent['description'] ?? ''}}</p>
                    <div class="benefits__wrap">
                        <div class="benefits__item">
                            <h4>{{$compContent['counter_1'] ?? ''}}</h4>
                            <h5>Happy Customers</h5>
                        </div>
                        <div class="benefits__item">
                            <h4>{{$compContent['counter_2'] ?? ''}}</h4>
                            <h5>Efficiency</h5>
                        </div>
                        <div class="benefits__item">
                            <h4>{{$compContent['counter_3'] ?? ''}}</h4>
                            <h5>Years of
                                Experience</h5>
                        </div>
                    </div>
                    <div>
                        <a href="" class="themeBtn">{{$compContent['benefit_button_text'] ?? ''}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>