
<section class="reward-sec section">
    <div class="container">
        <div class="text-center col-lg-7 m-auto mb-5">
            <h1 class="title_sec mb-4 text-uppercase color-primary fw-bold">{!! $reward_program->title !!}</h1>
            <p class="p_sec fs-6">
                {!! $reward_program->description !!}
            </p>
        </div>
        <div class="row justify-content-center pb-3">
            <div class="col-lg-4">
                <div class="reward_card">
                    <div class="zi-5">
                        <img src="{{url('')}}/assets/web/images/jayden_light.svg" class="logo" alt=""/>
                        <h4 class="title text-white text-uppercase mt-5 pt-3">{{__('web.points_card')}}</h4>
                        <span class="square bg_light"></span>
                    </div>
                    <img src="{{url('')}}/assets/web/images/rewardCard-1.svg" class="bg" alt=""/>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="reward_card">
                    <div class="zi-5">
                        <img src="{{url('')}}/assets/web/images/jayden_dark.svg" class="logo" alt=""/>
                        <h4 class="title color-primary text-uppercase mt-5 pt-3">{{__('web.points_card')}}</h4>
                        <span class="square bg_dark"></span>
                    </div>
                    <img src="{{url('')}}/assets/web/images/rewardCard-2.svg" class="bg" alt=""/>
                </div>
            </div>
        </div>
    </div>
    <img src="{{url('')}}/assets/web/images/pattern-1.svg" class="pattern" alt=""/>
</section>
