     <div class="col-xl-3 col-md-6">
        <div class="card plan-box">
            <div class="card-body p-4">
                <div class="media">
                    <div class="media-body">
                        <h5>{{ $title }}</h5>
                        <p class="text-muted">{{ $desc }}</p>
                    </div>
                    <div class="ml-3">
                        <i class="{{ $icon }}"></i>
                    </div>
                </div>
                <div class="py-4 mt-4 text-center bg-soft-light">
                    <h1 class="m-0"><sup><small>$</small></sup> {{ $price }}/ <span class="font-size-13">Per month</span></h1>
                </div>

                <div class="plan-features p-4 text-muted mt-2">
                    <p><i class="mdi mdi-check-bold text-primary mr-4"></i>Unlimited access to licence</p>
                    <p><i class="mdi mdi-check-bold text-primary mr-4"></i>GB Storage</p>
                    <p><i class="mdi mdi-check-bold text-primary mr-4"></i>No Domain</p>
                    <p><i class="mdi mdi-check-bold text-primary mr-4"></i>SEO optimization</p>
                    <p><i class="mdi mdi-check-bold text-primary mr-4"></i>Unlmited Users</p>
                    <p><i class="mdi mdi-check-bold text-primary mr-4"></i>500 GB Bandwidth</p>
                </div>

                <div class="text-center">
                    <a href="#" class="btn btn-primary waves-effect waves-light">Sign up Now</a>
                </div>

            </div>
        </div>
    </div>