@extends('layouts.master')

@section('styles')

@endsection

@section('content')

                    <div class="content">

                        <!-- Start::main-content -->
                        <div class="main-content">

                            <!-- Page Header -->
                            <div class="block justify-between page-header sm:flex">
                                <div>
                                    <h3 class="text-gray-700 hover:text-gray-900 dark:text-white dark:hover:text-white text-2xl font-medium"> Pricing Tables</h3>
                                </div>
                                <ol class="flex items-center whitespace-nowrap min-w-0">
                                    <li class="text-sm">
                                        <a class="flex items-center font-semibold text-primary hover:text-primary dark:text-primary truncate" href="javascript:void(0);">
                                        Pages
                                        <i class="ti ti-chevrons-right flex-shrink-0 mx-3 overflow-visible text-gray-300 dark:text-gray-300 rtl:rotate-180"></i>
                                        </a>
                                    </li>
                                    <li class="text-sm text-gray-500 hover:text-primary dark:text-white/70 " aria-current="page">
                                        Pricing Tables
                                    </li>
                                </ol>
                            </div>
                            <!-- Page Header Close -->

                            <!-- Start::row-1 -->
                            <div class="box">
                                <div class="box-header">
                                    <h5 class="box-title">Pricing Style-1</h5>
                                </div>
                                <div class="box-body py-14">
                                    <div class="sm:grid grid-cols-12 sm:space-y-0 space-y-6 gap-6 max-w-6xl mx-auto">
                                        <div class="lg:col-span-4 col-span-12">
                                            <div class="p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white">Basic</h3>
                                                <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                <div class="flex justify-center my-7 items-baseline">
                                                    <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$10</span>
                                                    <span class="text-gray-500 dark:text-white/70 font-medium"> / Month</span>
                                                </div>
                                                <ul class="p-0 my-4 space-y-3">
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>2 Free Domain Name</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>3 One-Click Apps</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>1 Databases</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Money BackGuarantee</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>24/7 support</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                </ul>
                                                <div class="text-center mt-2">
                                                    <div class="ti-btn w-full p-3 ti-btn-primary">Choose Plan</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="lg:col-span-4 col-span-12">
                                            <div class="p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white">Premium</h3>
                                                <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                <div class="flex justify-center my-7 items-baseline">
                                                    <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$50</span>
                                                    <span class="text-gray-500 dark:text-white/70 font-medium"> / Month</span>
                                                </div>
                                                <ul class="p-0 my-4 space-y-3">
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>2 Free Domain Name</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>3 One-Click Apps</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>1 Databases</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Money BackGuarantee</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>24/7 support</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                </ul>
                                                <div class="text-center mt-2">
                                                    <div class="ti-btn w-full p-3 ti-btn-primary">Choose Plan</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="lg:col-span-4 col-span-12">
                                            <div class="p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white">Standard</h3>
                                                <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                <div class="flex justify-center my-7 items-baseline">
                                                    <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$25</span>
                                                    <span class="text-gray-500 dark:text-white/70 font-medium"> / Month</span>
                                                </div>
                                                <ul class="p-0 my-4 space-y-3">
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>2 Free Domain Name</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>3 One-Click Apps</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>1 Databases</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Money BackGuarantee</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>24/7 support</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                </ul>
                                                <div class="text-center mt-2">
                                                    <div class="ti-btn w-full p-3 ti-btn-primary">Choose Plan</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End::row-1 -->

                            <!-- Start::row-2 -->
                            <div class="box">
                                <div class="box-header">
                                    <h5 class="box-title">Pricing Style-2</h5>
                                </div>
                                <div class="box-body py-14">
                                    <div class="sm:grid grid-cols-12 sm:space-y-0 space-y-6 lg:gap-0 gap-6 max-w-6xl mx-auto">
                                        <div class="lg:col-span-4 col-span-12">
                                            <div class="relative p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                <div class="absolute top-0 inset-x-0 h-0.5 bg-warning" aria-hidden="true"></div>
                                                <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white text-warning">Basic</h3>
                                                <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                <div class="flex justify-center my-7 items-baseline">
                                                    <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$10</span>
                                                    <span class="text-gray-500 dark:text-white/70 font-medium"> / Month</span>
                                                </div>
                                                <ul class="p-0 my-4 space-y-3">
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>2 Free Domain Name</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>3 One-Click Apps</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>1 Databases</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Money BackGuarantee</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>24/7 support</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                </ul>
                                                <div class="text-center mt-2">
                                                    <div class="ti-btn w-full p-3 ti-btn-warning">Choose Plan</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="lg:col-span-4 col-span-12 lg:scale-110 z-10 bg-white dark:bg-bgdark shadow-lg">
                                            <div class="relative p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                <div class="absolute top-0 inset-x-0 h-0.5 bg-primary" aria-hidden="true"></div>
                                                <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white text-primary">Premium</h3>
                                                <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                <div class="flex justify-center my-7 items-baseline">
                                                    <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$50</span>
                                                    <span class="text-gray-500 dark:text-white/70 font-medium"> / Month</span>
                                                </div>
                                                <ul class="p-0 my-4 space-y-3">
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>2 Free Domain Name</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>3 One-Click Apps</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>1 Databases</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Money BackGuarantee</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>24/7 support</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                </ul>
                                                <div class="text-center mt-2">
                                                    <div class="ti-btn w-full p-3 ti-btn-primary">Choose Plan</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="lg:col-span-4 col-span-12">
                                            <div class="relative p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                <div class="absolute top-0 inset-x-0 h-0.5 bg-danger" aria-hidden="true"></div>
                                                <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white text-danger">Standard</h3>
                                                <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                <div class="flex justify-center my-7 items-baseline">
                                                    <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$25</span>
                                                    <span class="text-gray-500 dark:text-white/70 font-medium"> / Month</span>
                                                </div>
                                                <ul class="p-0 my-4 space-y-3">
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>2 Free Domain Name</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>3 One-Click Apps</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>1 Databases</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Money BackGuarantee</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>24/7 support</span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                    <li class="flex space-x-4 rtl:space-x-reverse">
                                                        <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                        <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                    </li>
                                                </ul>
                                                <div class="text-center mt-2">
                                                    <div class="ti-btn w-full p-3 ti-btn-danger">Choose Plan</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End::row-2 -->

                            <!-- Start::row-3 -->
                            <div class="box">
                                <div class="box-header">
                                    <h5 class="box-title">Pricing Style-3</h5>
                                </div>
                                <div class="box-body">
                                    <div class="text-center">
                                        <h2 class="font-semibold text-2xl">Best Plans For You !</h2>
                                        <p class="text-gray-500 dark:text-white/70">We have several plans to showcase your business.</p>
                                        <div class="mt-5 text-center">
                                            <nav class="flex justify-center bg-gray-100 dark:bg-black/20 p-2 mx-auto w-fit rounded-full gap-2" aria-label="Tabs" role="tablist">
                                                <button type="button" class="hs-tab-active:!bg-primary hs-tab-active:!text-white dark:hs-tab-active:border-b-white/10 -mb-px py-2 px-4 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 rounded-full hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 active" id="pricing-1" data-hs-tab="#pricing-style-1" aria-controls="pricing-style-1" role="tab">
                                                Monthly
                                                </button>
                                                <button type="button" class="hs-tab-active:!bg-primary hs-tab-active:!text-white dark:hs-tab-active:border-b-white/10 -mb-px py-2 px-4 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 rounded-full hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300" id="pricing-2" data-hs-tab="#pricing-style-2" aria-controls="pricing-style-2" role="tab">
                                                Yearly
                                                </button>
                                            </nav>
                                            </div>
                                    </div>

                                    <div class="mt-3">
                                        <div id="pricing-style-1" role="tabpanel" aria-labelledby="pricing-1">
                                            <div class="py-14">
                                                <div class="sm:grid grid-cols-12 sm:space-y-0 space-y-6 max-w-6xl mx-auto">
                                                    <div class="lg:col-span-4 col-span-12">
                                                        <div class="relative p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                            <div class="absolute top-0 inset-x-0 h-0.5 bg-warning" aria-hidden="true"></div>
                                                            <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white text-warning">Basic</h3>
                                                            <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                            <div class="flex justify-center my-7 items-baseline">
                                                                <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$10</span>
                                                                <span class="text-gray-500 dark:text-white/70 font-medium"> / Month</span>
                                                            </div>
                                                            <ul class="p-0 my-4 space-y-3">
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>2 Free Domain Name</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>3 One-Click Apps</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>1 Databases</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Money BackGuarantee</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>24/7 support</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                            </ul>
                                                            <div class="text-center mt-2">
                                                                <div class="ti-btn w-full p-3 ti-btn-warning">Choose Plan</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="lg:col-span-4 col-span-12 lg:scale-110 z-10 bg-white dark:bg-bgdark shadow-lg">
                                                        <div class="relative p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                            <div class="absolute top-0 inset-x-0 h-0.5 bg-primary" aria-hidden="true"></div>
                                                            <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white text-primary">Premium</h3>
                                                            <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                            <div class="flex justify-center my-7 items-baseline">
                                                                <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$50</span>
                                                                <span class="text-gray-500 dark:text-white/70 font-medium"> / Month</span>
                                                            </div>
                                                            <ul class="p-0 my-4 space-y-3">
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>2 Free Domain Name</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>3 One-Click Apps</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>1 Databases</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Money BackGuarantee</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>24/7 support</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                            </ul>
                                                            <div class="text-center mt-2">
                                                                <div class="ti-btn w-full p-3 ti-btn-primary">Choose Plan</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="lg:col-span-4 col-span-12">
                                                        <div class="relative p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                            <div class="absolute top-0 inset-x-0 h-0.5 bg-danger" aria-hidden="true"></div>
                                                            <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white text-danger">Standard</h3>
                                                            <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                            <div class="flex justify-center my-7 items-baseline">
                                                                <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$25</span>
                                                                <span class="text-gray-500 dark:text-white/70 font-medium"> / Month</span>
                                                            </div>
                                                            <ul class="p-0 my-4 space-y-3">
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>2 Free Domain Name</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>3 One-Click Apps</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>1 Databases</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Money BackGuarantee</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>24/7 support</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                            </ul>
                                                            <div class="text-center mt-2">
                                                                <div class="ti-btn w-full p-3 ti-btn-danger">Choose Plan</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="pricing-style-2" class="hidden" role="tabpanel" aria-labelledby="pricing-2">
                                            <div class="py-14">
                                                <div class="sm:grid grid-cols-12 sm:space-y-0 space-y-6 max-w-6xl mx-auto">
                                                    <div class="lg:col-span-4 col-span-12">
                                                        <div class="relative p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                            <div class="absolute top-0 inset-x-0 h-0.5 bg-warning" aria-hidden="true"></div>
                                                            <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white text-warning">Basic</h3>
                                                            <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                            <div class="flex justify-center my-7 items-baseline">
                                                                <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$180</span>
                                                                <span class="text-gray-500 dark:text-white/70 font-medium"> / Yearly</span>
                                                            </div>
                                                            <ul class="p-0 my-4 space-y-3">
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>2 Free Domain Name</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>3 One-Click Apps</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>1 Databases</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Money BackGuarantee</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>24/7 support</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                            </ul>
                                                            <div class="text-center mt-2">
                                                                <div class="ti-btn w-full p-3 ti-btn-warning">Choose Plan</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="lg:col-span-4 col-span-12 lg:scale-110 z-10 bg-white dark:bg-bgdark shadow-lg">
                                                        <div class="relative p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                            <div class="absolute top-0 inset-x-0 h-0.5 bg-primary" aria-hidden="true"></div>
                                                            <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white text-primary">Premium</h3>
                                                            <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                            <div class="flex justify-center my-7 items-baseline">
                                                                <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$350</span>
                                                                <span class="text-gray-500 dark:text-white/70 font-medium"> / Yearly</span>
                                                            </div>
                                                            <ul class="p-0 my-4 space-y-3">
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>2 Free Domain Name</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>3 One-Click Apps</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>1 Databases</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Money BackGuarantee</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>24/7 support</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                            </ul>
                                                            <div class="text-center mt-2">
                                                                <div class="ti-btn w-full p-3 ti-btn-primary">Choose Plan</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="lg:col-span-4 col-span-12">
                                                        <div class="relative p-6 shadow border dark:border-white/10 text-center rounded-sm ">
                                                            <div class="absolute top-0 inset-x-0 h-0.5 bg-danger" aria-hidden="true"></div>
                                                            <h3 class="mb-4 text-2xl font-semibold text-gray-800 dark:text-white text-danger">Standard</h3>
                                                            <p class="text-gray-500 dark:text-white/70">Sed duo rebum et et dolores sed amet rebum magna. Et sea elitr.</p>
                                                            <div class="flex justify-center my-7 items-baseline">
                                                                <span class="ltr:mr-2 rtl:ml-2 text-5xl font-bold text-gray-800 dark:text-white">$225</span>
                                                                <span class="text-gray-500 dark:text-white/70 font-medium"> / Yearly</span>
                                                            </div>
                                                            <ul class="p-0 my-4 space-y-3">
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>2 Free Domain Name</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>3 One-Click Apps</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>1 Databases</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Money BackGuarantee</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>24/7 support</span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Premium support: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                                    <span><i class="ri ri-check-line text-success text-xl"></i></span>
                                                                    <span>Free Updates: <span class="ltr:ml-2 rtl:mr-2 font-semibold">3 Months</span></span>
                                                                </li>
                                                            </ul>
                                                            <div class="text-center mt-2">
                                                                <div class="ti-btn w-full p-3 ti-btn-danger">Choose Plan</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        </div>
                                </div>
                            </div>
                            <!-- End::row-3 -->

                            <!-- Start::row-4 -->
                            <div class="box">
                                <div class="box-header">
                                    <h5 class="box-title">Pricing Style-4</h5>
                                </div>
                                <div class="box-body py-14">
                                    <div class="sm:grid grid-cols-12 sm:space-y-0 space-y-6 gap-6 max-w-6xl mx-auto">
                                        <div class="lg:col-span-4 col-span-12">
                                        <div class="shadow border dark:border-white/10 rounded-sm ">
                                            <div class="p-6">
                                            <h3 class="text-2xl font-semibold text-gray-800 dark:text-white">Basic</h3>
                                            <p class="text-gray-500 dark:text-white/70 text-xs">Sed duo rebum et et dolores sed amet rebum
                                                magna. Et sea elitr.</p>
                                            <div class="flex mt-4 items-baseline">
                                                <span class="ltr:mr-2 rtl:ml-2 text-5xl font-semibold text-gray-800 dark:text-white">$10</span>
                                                <span class="text-gray-500 dark:text-white/70 font-normal"> / Month</span>
                                            </div>
                                            </div>
                                            <div class="p-6 border-y border-gray-200 dark:border-white/10">
                                            <h6 class="font-medium text-base mb-4">What's Included</h6>
                                            <ul class="p-0 space-y-3">
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">2 Free Domain Name</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">3 One-Click Apps</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">1 Databases</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">24/7 support</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Premium support: <span
                                                    class="ltr:ml-2 rtl:mr-2 font-semibold text-black dark:text-white">3 Months</span></span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Free Updates: <span
                                                    class="ltr:ml-2 rtl:mr-2 font-semibold text-black dark:text-white">3 Months</span></span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-forbid-line text-danger text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Money BackGuarantee</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-forbid-line text-danger text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Unlimited Users</span>
                                                </li>
                                            </ul>
                                            </div>
                                            <div class="p-6 text-center">
                                            <div class="ti-btn w-full ti-btn-primary m-0">Get Started</div>
                                            </div>
                                        </div>
                                        </div>
                                        <div class="lg:col-span-4 col-span-12">
                                        <div class="shadow border dark:border-white/10 rounded-sm ">
                                            <div class="p-6">
                                            <h3 class="text-2xl font-semibold text-gray-800 dark:text-white">Standard</h3>
                                            <p class="text-gray-500 dark:text-white/70 text-xs">Sed duo rebum et et dolores sed amet rebum
                                                magna. Et sea elitr.</p>
                                            <div class="flex mt-4 items-baseline">
                                                <span class="ltr:mr-2 rtl:ml-2 text-5xl font-semibold text-gray-800 dark:text-white">$25</span>
                                                <span class="text-gray-500 dark:text-white/70 font-normal"> / Month</span>
                                            </div>
                                            </div>
                                            <div class="p-6 border-y border-gray-200 dark:border-white/10">
                                            <h6 class="font-medium text-base mb-4">What's Included</h6>
                                            <ul class="p-0 space-y-3">
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">2 Free Domain Name</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">3 One-Click Apps</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">1 Databases</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">24/7 support</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Premium support: <span
                                                    class="ltr:ml-2 rtl:mr-2 font-semibold text-black dark:text-white">12 Months</span></span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Free Updates: <span
                                                    class="ltr:ml-2 rtl:mr-2 font-semibold text-black dark:text-white">12 Months</span></span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-forbid-line text-danger text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Money BackGuarantee</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-forbid-line text-danger text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Unlimited Users</span>
                                                </li>
                                            </ul>
                                            </div>
                                            <div class="p-6 text-center">
                                            <div class="ti-btn w-full ti-btn-primary m-0">Get Started</div>
                                            </div>
                                        </div>
                                        </div>
                                        <div class="lg:col-span-4 col-span-12">
                                        <div class="shadow border dark:border-white/10 rounded-sm ">
                                            <div class="p-6">
                                            <h3 class="text-2xl font-semibold text-gray-800 dark:text-white">Premium</h3>
                                            <p class="text-gray-500 dark:text-white/70 text-xs">Sed duo rebum et et dolores sed amet rebum
                                                magna. Et sea elitr.</p>
                                            <div class="flex mt-4 items-baseline">
                                                <span class="ltr:mr-2 rtl:ml-2 text-5xl font-semibold text-gray-800 dark:text-white">$50</span>
                                                <span class="text-gray-500 dark:text-white/70 font-normal"> / Month</span>
                                            </div>
                                            </div>
                                            <div class="p-6 border-y border-gray-200 dark:border-white/10">
                                            <h6 class="font-medium text-base mb-4">What's Included</h6>
                                            <ul class="p-0 space-y-3">
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">2 Free Domain Name</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">3 One-Click Apps</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">1 Databases</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">24/7 support</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Premium support: <span
                                                    class="ltr:ml-2 rtl:mr-2 font-semibold text-black dark:text-white">6 Months</span></span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Free Updates: <span
                                                    class="ltr:ml-2 rtl:mr-2 font-semibold text-black dark:text-white">6 Months</span></span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Unlimited Users</span>
                                                </li>
                                                <li class="flex space-x-4 rtl:space-x-reverse">
                                                <i class="ri ri-checkbox-circle-line text-success text-base leading-none"></i>
                                                <span class="my-auto text-gray-500 dark:text-white/70">Money BackGuarantee</span>
                                                </li>
                                            </ul>
                                            </div>
                                            <div class="p-6 text-center">
                                            <div class="ti-btn w-full ti-btn-primary m-0">Get Started</div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End::row-4 -->

                        </div>
                        <!-- Start::main-content -->

                    </div>

@endsection

@section('scripts')

@endsection