@php
    $aboutCaption = getContent('about.content', true);
@endphp
<section class="about-section padding-top padding-bottom">
    <div class="container">
        <div class="row justify-content-between mb--50 flex-wrap-reverse">
            <div class="col-lg-6 pe-xl-5 mb-50">
                <div class="video-wrapper w-100 h-100 bg-overlay bg_img"
                    data-background="{{ frontendImage('about', @$aboutCaption->data_values->background_image, '700x570') }}">
                    <a class="video-button popup" href="{{ @$aboutCaption->data_values->video_link }}">
                        <i class="la la-play"></i>
                    </a>
                </div>
            </div>
            <div class="col-lg-6 mb-50">
                <div class="about-content">
                    <div class="section-header left-style margin-olpo">
                        <h2 class="title">{{ __(@$aboutCaption->data_values->heading) }}</h2>
                    </div>
                    <p> {{ __(@$aboutCaption->data_values->short_description) }} </p>
                    <p> {{ __(@$aboutCaption->data_values->description) }} </p>
                </div>
            </div>
        </div>
    </div>
</section>
