{{-- modal-apple --}}
<section class="section-modal-apple">
    <div class="container">
        @if ($dataDevice == 'desktop')
            <div class="row row-apple">
                <div class="col-image col-md-4 col-xs-12">
                    <img class="img-fluid img-rounded" src="{{ asset('img/base/iphone.png') }}" alt="{{ getAltImages() }}" />
                </div>
                <div class="col-text col-md-8 col-xs-12">
                    <p>{{ trans('modals.modal_apple.apple_text') }}</p>
                </div>
            </div>
        @else
            <div class="row row-apple">
                <div class="col-image col-md-4 col-xs-2">
                    <img class="img-fluid img-rounded" src="{{ asset('img/base/iphone.png') }}"  alt="{{ getAltImages() }}" />
                </div>
                <div class="col-text col-md-8 col-xs-10">
                    <p>{{ trans('modals.modal_apple.apple_device_step1') }}</p>
                </div>
            </div>
            <div class="row row-apple">
                <div class="col-image col-md-4 col-xs-2">
                    <img class="img-fluid img-rounded" src="{{ asset('img/base/iphone-share-button.png') }}" alt="{{ getAltImages() }}" />
                </div>
                <div class="col-text col-md-8 col-xs-10">
                    <p>{{ trans('modals.modal_apple.apple_device_step2') }}</p>
                </div>
            </div>
            <div class="row row-apple">
                <div class="col-image col-md-4 col-xs-2">
                    <img class="img-fluid img-rounded" src="{{ asset('img/base/iphone-Add-to-home-screen.png') }}" alt="{{ getAltImages() }}" />
                </div>
                <div class="col-text col-md-8 col-xs-10">
                    <p>{!! trans('modals.modal_apple.apple_device_step3') !!}</p>
                </div>
            </div>
        @endif
    </div>
</section>