<?php include 'header.php'; ?>
        <!-- Start::app-content -->
       <div class="main-content app-content">
            <div class="container-fluid page-container main-body-container">

                <!-- Start::page-header -->
                <div class="page-header-breadcrumb mb-3">
                    <div class="d-flex align-center justify-content-between flex-wrap">
                        <h1 class="page-title fw-medium fs-18 mb-0">Pricing</h1>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item"><a href="javascript:void(0);">Pages</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Pricing</li>
                        </ol>
                    </div>
                </div>
                <!-- End::page-header -->

                    <!-- Start:: row-1 -->
                    <div class="row d-flex justify-content-center mb-5">
                        <div class="pricing-heading-section text-center mb-5">
                            <span class="badge bg-primary-transparent rounded-pill">
                                Pricing Plans
                            </span>
                            <h2 class="fw-semibold mt-2">Choose the Right Plan for Your Needs</h2>
                            <span class="d-block text-muted fs-16 mb-3">Choose a plan that fits your needs with scalable features and great value.</span>
                            <div class="tab-style-1 border p-1 bg-white rounded-pill d-inline-block"> 
                                <ul class="nav nav-pills" role="tablist"> 
                                    <li class="nav-item" role="presentation"> 
                                        <button type="button" class="nav-link rounded-pill fw-medium active" data-bs-toggle="pill" data-bs-target="#pricing-monthly" aria-selected="true" role="tab">Monthly</button> 
                                    </li> 
                                    <li class="nav-item" role="presentation"> 
                                        <button type="button" class="nav-link rounded-pill fw-medium" data-bs-toggle="pill" data-bs-target="#pricing-yearly" aria-selected="false" role="tab" tabindex="-1">Yearly</button> 
                                    </li> 
                                </ul> 
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="tab-content">
                                <div class="tab-pane show active p-0 border-0" id="pricing-monthly" role="tabpanel">
                                    <div class="row">
                                        <div class="col-xxl-4 col-xl-4">
                                            <div class="card custom-card dashboard-main-card pricing-card pricing-primary">
                                                <div class="card-body p-4">
                                                    <div class="lh-1 mb-3">
                                                        <span class="avatar avatar-lg avatar-rounded bg-primary-transparent svg-primary">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M230.93,220a8,8,0,0,1-6.93,4H32a8,8,0,0,1-6.92-12c15.23-26.33,38.7-45.21,66.09-54.16a72,72,0,1,1,73.66,0c27.39,8.95,50.86,27.83,66.09,54.16A8,8,0,0,1,230.93,220Z"/></svg>
                                                        </span>
                                                    </div>
                                                    <h5 class="fw-semibold">Indivudials</h5>
                                                    <p class="text-muted">Perfect for solo users who need essential features to get started efficiently.</p>
                                                    <div class="pricing-count">
                                                        <span class="fs-13 d-block mb-1">Start at</span>
                                                        <div class="d-flex align-items-end gap-2">
                                                            <h2 class="fw-semibold mb-0 lh-1">$9.99</h2>
                                                            <span class="fs-13">/ Month per user</span>
                                                        </div>
                                                    </div>
                                                    <hr class="section-devider my-4">
                                                    <ul class="list-unstyled pricing-features-list">
                                                        <li>
                                                            <span class="fw-medium">100GB</span> of cloud storage
                                                        </li>
                                                        <li>
                                                            <span class="fw-medium">Easy file sharing & link access</span>
                                                        </li>
                                                        <li>
                                                            Sync across all devices
                                                        </li>
                                                        <li>
                                                            <span class="fw-medium">Offline access</span> to saved files
                                                        </li>
                                                        <li>
                                                            Basic file recovery (30 days)
                                                        </li>
                                                        <li>
                                                            Standard encryption for data protection
                                                        </li>
                                                        <li>
                                                            Email support & knowledge base
                                                        </li>
                                                    </ul>
                                                    <div class="d-grid mt-4">
                                                        <button class="btn btn-lg btn-outline-light">Get Started</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>                            
                                        <div class="col-xxl-4 col-xl-4">
                                            <div class="card custom-card dashboard-main-card pricing-card pricing-success">
                                                <div class="card-body p-4">
                                                    <span class="badge bg-dark text-white pricing-recommended-badge">Recommended</span>
                                                    <div class="lh-1 mb-3">
                                                        <span class="avatar avatar-lg avatar-rounded bg-success-transparent svg-success">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M64.12,147.8a4,4,0,0,1-4,4.2H16a8,8,0,0,1-7.8-6.17,8.35,8.35,0,0,1,1.62-6.93A67.79,67.79,0,0,1,37,117.51a40,40,0,1,1,66.46-35.8,3.94,3.94,0,0,1-2.27,4.18A64.08,64.08,0,0,0,64,144C64,145.28,64,146.54,64.12,147.8Zm182-8.91A67.76,67.76,0,0,0,219,117.51a40,40,0,1,0-66.46-35.8,3.94,3.94,0,0,0,2.27,4.18A64.08,64.08,0,0,1,192,144c0,1.28,0,2.54-.12,3.8a4,4,0,0,0,4,4.2H240a8,8,0,0,0,7.8-6.17A8.33,8.33,0,0,0,246.17,138.89Zm-89,43.18a48,48,0,1,0-58.37,0A72.13,72.13,0,0,0,65.07,212,8,8,0,0,0,72,224H184a8,8,0,0,0,6.93-12A72.15,72.15,0,0,0,157.19,182.07Z"/></svg>
                                                        </span>
                                                    </div>
                                                    <h5 class="fw-semibold">Team Plan</h5>
                                                    <p class="text-muted">Designed for small teams to collaborate, manage tasks, and boost productivity.</p>
                                                    <div class="pricing-count">
                                                        <span class="fs-13 d-block mb-1">Start at</span>
                                                        <div class="d-flex align-items-end gap-2">
                                                            <h2 class="fw-semibold mb-0 lh-1">$29.99</h2>
                                                            <span class="fs-13">/ Month per user</span>
                                                        </div>
                                                    </div>
                                                    <hr class="section-devider my-4">
                                                    <ul class="list-unstyled pricing-features-list">
                                                        <li>
                                                            <span class="fw-medium">1TB</span> shared cloud storage
                                                        </li>
                                                        <li>
                                                            Real-time file collaboration & commenting
                                                        </li>
                                                        <li>
                                                            User roles & access permissions
                                                        </li>
                                                        <li>
                                                            Advanced security (2FA, access logs)
                                                        </li>
                                                        <li>
                                                            Third-party app integrations
                                                        </li>
                                                        <li>
                                                            File versioning & recovery (90 days)
                                                        </li>
                                                        <li>
                                                            Priority customer support
                                                        </li>
                                                    </ul>
                                                    <div class="d-grid mt-4">
                                                        <button class="btn btn-lg btn-primary">Get Started</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>                            
                                        <div class="col-xxl-4 col-xl-4">
                                            <div class="card custom-card dashboard-main-card pricing-card pricing-warning">
                                                <div class="card-body p-4">
                                                    <div class="lh-1 mb-3">
                                                        <span class="avatar avatar-lg avatar-rounded bg-warning-transparent svg-warning">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M239.73,208H224V96a16,16,0,0,0-16-16H164a4,4,0,0,0-4,4V208H144V32.41a16.43,16.43,0,0,0-6.16-13,16,16,0,0,0-18.72-.69L39.12,72A16,16,0,0,0,32,85.34V208H16.27A8.18,8.18,0,0,0,8,215.47,8,8,0,0,0,16,224H240a8,8,0,0,0,8-8.53A8.18,8.18,0,0,0,239.73,208ZM76,184a8,8,0,0,1-8.53,8A8.18,8.18,0,0,1,60,183.72V168.27A8.19,8.19,0,0,1,67.47,160,8,8,0,0,1,76,168Zm0-56a8,8,0,0,1-8.53,8A8.19,8.19,0,0,1,60,127.72V112.27A8.19,8.19,0,0,1,67.47,104,8,8,0,0,1,76,112Zm40,56a8,8,0,0,1-8.53,8,8.18,8.18,0,0,1-7.47-8.26V168.27a8.19,8.19,0,0,1,7.47-8.26,8,8,0,0,1,8.53,8Zm0-56a8,8,0,0,1-8.53,8,8.19,8.19,0,0,1-7.47-8.26V112.27a8.19,8.19,0,0,1,7.47-8.26,8,8,0,0,1,8.53,8Z"/></svg>
                                                        </span>
                                                    </div>
                                                    <h5 class="fw-semibold">Enterprise Plan</h5>
                                                    <p class="text-muted">A comprehensive solution for large businesses with advanced tools and scalability.</p>
                                                    <div class="pricing-count">
                                                        <span class="fs-13 d-block mb-1">Start at</span>
                                                        <div class="d-flex align-items-end gap-2">
                                                            <h2 class="fw-semibold mb-0 lh-1">$99.99</h2>
                                                            <span class="fs-13">/ Month per user</span>
                                                        </div>
                                                    </div>
                                                    <hr class="section-devider my-4">
                                                    <ul class="list-unstyled pricing-features-list">
                                                        <li>
                                                            Unlimited cloud storage
                                                        </li>
                                                        <li>
                                                            Custom security protocols
                                                        </li>
                                                        <li>
                                                            24/7 VIP support
                                                        </li>
                                                        <li>
                                                            Audit logs & detailed reporting
                                                        </li>
                                                        <li>
                                                            API access for custom integrations
                                                        </li>
                                                        <li>
                                                            AI-powered search & automation
                                                        </li>
                                                        <li>
                                                            Remote device management
                                                        </li>
                                                    </ul>
                                                    <div class="d-grid mt-4">
                                                        <button class="btn btn-lg btn-outline-light">Get Started</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>                            
                                    </div>
                                </div>
                                <div class="tab-pane p-0 border-0" id="pricing-yearly" role="tabpanel">
                                    <div class="row">
                                        <div class="col-xxl-4 col-xl-4">
                                            <div class="card custom-card dashboard-main-card pricing-card pricing-primary">
                                                <div class="card-body p-4">
                                                    <div class="lh-1 mb-3">
                                                        <span class="avatar avatar-lg avatar-rounded bg-primary-transparent svg-primary">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M230.93,220a8,8,0,0,1-6.93,4H32a8,8,0,0,1-6.92-12c15.23-26.33,38.7-45.21,66.09-54.16a72,72,0,1,1,73.66,0c27.39,8.95,50.86,27.83,66.09,54.16A8,8,0,0,1,230.93,220Z"/></svg>
                                                        </span>
                                                    </div>
                                                    <h5 class="fw-semibold">Indivudials</h5>
                                                    <p class="text-muted">Perfect for solo users who need essential features to get started efficiently.</p>
                                                    <div class="pricing-count">
                                                        <span class="fs-13 d-block mb-1">Start at</span>
                                                        <div class="d-flex align-items-end gap-2">
                                                            <h2 class="fw-semibold mb-0 lh-1">$99.99</h2>
                                                            <span class="fs-13">/ Year per user</span>
                                                        </div>
                                                    </div>
                                                    <hr class="section-devider my-4">
                                                    <ul class="list-unstyled pricing-features-list">
                                                        <li>
                                                            <span class="fw-medium">100GB</span> of cloud storage
                                                        </li>
                                                        <li>
                                                            <span class="fw-medium">Easy file sharing & link access</span>
                                                        </li>
                                                        <li>
                                                            Sync across all devices
                                                        </li>
                                                        <li>
                                                            <span class="fw-medium">Offline access</span> to saved files
                                                        </li>
                                                        <li>
                                                            Basic file recovery (30 days)
                                                        </li>
                                                        <li>
                                                            Standard encryption for data protection
                                                        </li>
                                                        <li>
                                                            Email support & knowledge base
                                                        </li>
                                                    </ul>
                                                    <div class="d-grid mt-4">
                                                        <button class="btn btn-lg btn-outline-light">Get Started</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>                            
                                        <div class="col-xxl-4 col-xl-4">
                                            <div class="card custom-card dashboard-main-card pricing-card pricing-success">
                                                <div class="card-body p-4">
                                                    <span class="badge bg-dark text-white pricing-recommended-badge">Recommended</span>
                                                    <div class="lh-1 mb-3">
                                                        <span class="avatar avatar-lg avatar-rounded bg-success-transparent svg-success">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M64.12,147.8a4,4,0,0,1-4,4.2H16a8,8,0,0,1-7.8-6.17,8.35,8.35,0,0,1,1.62-6.93A67.79,67.79,0,0,1,37,117.51a40,40,0,1,1,66.46-35.8,3.94,3.94,0,0,1-2.27,4.18A64.08,64.08,0,0,0,64,144C64,145.28,64,146.54,64.12,147.8Zm182-8.91A67.76,67.76,0,0,0,219,117.51a40,40,0,1,0-66.46-35.8,3.94,3.94,0,0,0,2.27,4.18A64.08,64.08,0,0,1,192,144c0,1.28,0,2.54-.12,3.8a4,4,0,0,0,4,4.2H240a8,8,0,0,0,7.8-6.17A8.33,8.33,0,0,0,246.17,138.89Zm-89,43.18a48,48,0,1,0-58.37,0A72.13,72.13,0,0,0,65.07,212,8,8,0,0,0,72,224H184a8,8,0,0,0,6.93-12A72.15,72.15,0,0,0,157.19,182.07Z"/></svg>
                                                        </span>
                                                    </div>
                                                    <h5 class="fw-semibold">Team Plan</h5>
                                                    <p class="text-muted">Designed for small teams to collaborate, manage tasks, and boost productivity.</p>
                                                    <div class="pricing-count">
                                                        <span class="fs-13 d-block mb-1">Start at</span>
                                                        <div class="d-flex align-items-end gap-2">
                                                            <h2 class="fw-semibold mb-0 lh-1">$299.99</h2>
                                                            <span class="fs-13">/ Year per user</span>
                                                        </div>
                                                    </div>
                                                    <hr class="section-devider my-4">
                                                    <ul class="list-unstyled pricing-features-list">
                                                        <li>
                                                            <span class="fw-medium">1TB</span> shared cloud storage
                                                        </li>
                                                        <li>
                                                            Real-time file collaboration & commenting
                                                        </li>
                                                        <li>
                                                            User roles & access permissions
                                                        </li>
                                                        <li>
                                                            Advanced security (2FA, access logs)
                                                        </li>
                                                        <li>
                                                            Third-party app integrations
                                                        </li>
                                                        <li>
                                                            File versioning & recovery (90 days)
                                                        </li>
                                                        <li>
                                                            Priority customer support
                                                        </li>
                                                    </ul>
                                                    <div class="d-grid mt-4">
                                                        <button class="btn btn-lg btn-primary">Get Started</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>                            
                                        <div class="col-xxl-4 col-xl-4">
                                            <div class="card custom-card dashboard-main-card pricing-card pricing-warning">
                                                <div class="card-body p-4">
                                                    <div class="lh-1 mb-3">
                                                        <span class="avatar avatar-lg avatar-rounded bg-warning-transparent svg-warning">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M239.73,208H224V96a16,16,0,0,0-16-16H164a4,4,0,0,0-4,4V208H144V32.41a16.43,16.43,0,0,0-6.16-13,16,16,0,0,0-18.72-.69L39.12,72A16,16,0,0,0,32,85.34V208H16.27A8.18,8.18,0,0,0,8,215.47,8,8,0,0,0,16,224H240a8,8,0,0,0,8-8.53A8.18,8.18,0,0,0,239.73,208ZM76,184a8,8,0,0,1-8.53,8A8.18,8.18,0,0,1,60,183.72V168.27A8.19,8.19,0,0,1,67.47,160,8,8,0,0,1,76,168Zm0-56a8,8,0,0,1-8.53,8A8.19,8.19,0,0,1,60,127.72V112.27A8.19,8.19,0,0,1,67.47,104,8,8,0,0,1,76,112Zm40,56a8,8,0,0,1-8.53,8,8.18,8.18,0,0,1-7.47-8.26V168.27a8.19,8.19,0,0,1,7.47-8.26,8,8,0,0,1,8.53,8Zm0-56a8,8,0,0,1-8.53,8,8.19,8.19,0,0,1-7.47-8.26V112.27a8.19,8.19,0,0,1,7.47-8.26,8,8,0,0,1,8.53,8Z"/></svg>
                                                        </span>
                                                    </div>
                                                    <h5 class="fw-semibold">Enterprise Plan</h5>
                                                    <p class="text-muted">A comprehensive solution for large businesses with advanced tools and scalability.</p>
                                                    <div class="pricing-count">
                                                        <span class="fs-13 d-block mb-1">Start at</span>
                                                        <div class="d-flex align-items-end gap-2">
                                                            <h2 class="fw-semibold mb-0 lh-1">$999.99</h2>
                                                            <span class="fs-13">/ Year per user</span>
                                                        </div>
                                                    </div>
                                                    <hr class="section-devider my-4">
                                                    <ul class="list-unstyled pricing-features-list">
                                                        <li>
                                                            Unlimited cloud storage
                                                        </li>
                                                        <li>
                                                            Custom security protocols
                                                        </li>
                                                        <li>
                                                            24/7 VIP support
                                                        </li>
                                                        <li>
                                                            Audit logs & detailed reporting
                                                        </li>
                                                        <li>
                                                            API access for custom integrations
                                                        </li>
                                                        <li>
                                                            AI-powered search & automation
                                                        </li>
                                                        <li>
                                                            Remote device management
                                                        </li>
                                                    </ul>
                                                    <div class="d-grid mt-4">
                                                        <button class="btn btn-lg btn-outline-light">Get Started</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>                            
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End:: row-1 -->

      

            </div>
        </div>
        <!-- End::app-content -->
<?php include 'footer.php'; ?> 