                        @foreach ($package as $item)
                            <div class="pricing-plan mb-5 m-3">
                                <span class="badge badge-pill badge-warning " style="display: inline;">
                                    {{ $item->discount }}% Off
                                </span>

                                <div class="pricing-header-section">
                                    <div class="pricing-header">
                                        <h3>
                                            {{ $item->package_name }}
                                        </h3>
                                        <p>
                                            {{ $item->serviceCategory->service_category_name }}
                                        </p>
                                    </div>
                                    @php

                                    $price = $item->price-($item->price * $item->discount / 100);

                                    @endphp


                                     <div class="pricing-header-pricing">
                                        <p class="pricing monthly-pricing " style="display: block;" >
                                           ${{ $price }}
                                        </p>
                                        <p class="sub-title monthly-pricing-label">Per month</p>
                                    </div>
                                </div>

                                @php
                                    $features = $array = explode("\n", $item->features);
                                @endphp

                                <div class="pricing-plan-features mb-4">
                                    <ul>
                                        @foreach ($features as $fea_item)
                                            <li><span><svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                        height="24" viewBox="0 0 24 24" fill="none"
                                                        stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                        stroke-linejoin="round" class="feather feather-check">
                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                    </svg></span> {{ $fea_item }}
                                            </li>
                                        @endforeach

                                    </ul>
                                </div>

                                @php

                                $endpoint = 'app/get-started?package='.$item->id;
                                @endphp
                                <a href="{{ url($endpoint) }}" class="button btn btn-dark btn-block margin-top-20" id="getStartedButton" style="background-color: #023276 !important">
                                    Get Started
                                </a>
                            </div>
                        @endforeach
