@if(isset($productSpecial))
<div class="container">
    <div class="cta cta-border mb-5 mt-5"
         style="background: url({{$productSpecial->getFirstMediaUrlOrDefault(\App\Helpers\Constants\MediaHelper::PRODUCT_MEDIA_PATH , 'webp')['url']}}) no-repeat center top/cover;"
         title="{{$productSpecial->getFirstMediaUrlOrDefault(\App\Helpers\Constants\MediaHelper::PRODUCT_MEDIA_PATH)['title']}}"
         role="img"
         aria-label="{{$productSpecial->getFirstMediaUrlOrDefault(\App\Helpers\Constants\MediaHelper::PRODUCT_MEDIA_PATH)['alt']}}">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="cta-content">
                    <div class="cta-text text-left text-white">
                        <p>{{$productSpecial->name}} <br><strong>{!! Str::limit(strip_tags($productSpecial->short_description), 50) !!}</strong></p>
                    </div>
                    <a href="{{ route('product',['subCategory_slug' => $productSpecial->subCategory->slug,'slug' => $productSpecial->slug]) }}" class="btn btn-primary btn-round ml-auto mr-5"><span>Shop Now - {{$productSpecial->price}}</span><i class="icon-long-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
@endif