<style>
    .cd-table table tr:first-child {
        position: sticky;
        top: 70px
    }

    .cd-table table th {
        padding: 24px;
        background: #76b51b;
        color: #fff;
        min-width: 220px
    }

    .cd-table table th:first-child {
        min-width: 280px;
        font-size: 24px
    }

    .cd-table table th .plan-title {
        margin-bottom: 4px;
        display: block
    }

    .cd-table table th .price {
        margin-bottom: 16px;
        color: #ffc700
    }

    .cd-table table th .price span {
        color: #fff;
        font-size: 14px
    }

    .cd-table table th+th {
        position: relative
    }

    .cd-table table th+th::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 1px;
        background: rgba(244, 244, 244, .3)
    }

    .cd-table table td {
        padding: 12px 24px;
        border: 1px solid #c0d5ff;
        min-width: 220px
    }

    .cd-table table td:first-child {
        min-width: 280px
    }

    .cd-table table td:not(:first-child) {
        text-align: center
    }

    .cd-table table td i {
        color: #00d172
    }

    @media(max-width: 1199.98px) {
        .cd-table {
            overflow-x: scroll
        }

        .cd-table table tr:first-child {
            position: initial
        }
    }
</style>


<section class="cd-plan-table ds-bg ptb-120">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-7">
                <div class="cd-title text-center">
                    <h2 class="mb-3">Compare All Web Hostings Plans</h2>
                    <p class="mb-0">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ducimus, ipsa dolor
                        in, officiis quis cum doloremque ipsam deleniti alias doloribus possimus recusandae! Magni
                        omnis nobis iste officiis! Reprehenderit, praesentium vero./p>
                </div>
            </div>
        </div>
        <div class="cd-table mt-5">
            <table class="w-100">
                <tbody>
                    <tr>
                        <th>All Plan Features</th>
                        <th class="text-center">
                            <span class="plan-title">Hyperslice Cloud S1</span>
                            <p class="price h4">$12.50 <span>/mo</span></p>
                            <a href="#" class="btn btn-tertiary web_all_button_sizes btn-small">Order Now</a>
                        </th>
                        <th class="text-center">
                            <span class="plan-title">Hyperslice Cloud S2</span>
                            <p class="price h4">$15.50 <span>/mo</span></p>
                            <a href="#" class="btn btn-tertiary web_all_button_sizes btn-small">Order Now</a>
                        </th>
                        <th class="text-center">
                            <span class="plan-title">Hyperslice Cloud S3</span>
                            <p class="price h4">$25.50 <span>/mo</span></p>
                            <a href="#" class="btn btn-tertiary web_all_button_sizes btn-small">Order Now</a>
                        </th>
                    </tr>
                    <tr>
                        <td>Websites</td>
                        <td><strong>300</strong></td>
                        <td><strong>300</strong></td>
                        <td><strong>300</strong></td>
                    </tr>
                    <tr>
                        <td>Memory (RAM)</td>
                        <td><strong>3GB</strong></td>
                        <td><strong>6GB</strong></td>
                        <td><strong>12GB</strong></td>
                    </tr>
                    <tr>
                        <td>SSD Storage</td>
                        <td><strong>200GB</strong></td>
                        <td><strong>200GB</strong></td>
                        <td><strong>200GB</strong></td>
                    </tr>
                    <tr>
                        <td>CPU Cores</td>
                        <td><strong>2 Cores</strong></td>
                        <td><strong>4 Cores</strong></td>
                        <td><strong>6 Cores</strong></td>
                    </tr>
                    <tr>
                        <td>Bandwidth</td>
                        <td><strong>Unlimited</strong></td>
                        <td><strong>Unlimited</strong></td>
                        <td><strong>Unlimited</strong></td>
                    </tr>
                    <tr>
                        <td>Isolated Resources</td>
                        <td><strong>2</strong></td>
                        <td><strong>2</strong></td>
                        <td><strong>2</strong></td>
                    </tr>
                    <tr>
                        <td>Free Domain Registration</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>Free Dedicated IP</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>Free SSL Certificate</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>Cloudflare Integration</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>Cache Manager</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>1-Click App Installer</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>Daily Backups</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>Powerful Control Panel</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>Access Manager</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>Multiple PHP Versions</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>99.9% Uptime Guarantee</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>24/7/365 Support</td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                        <td><i class="fa-solid fa-check"></i></td>
                    </tr>
                    <tr>
                        <td>Inode count</td>
                        <td><strong>2200000</strong></td>
                        <td><strong>2900000</strong></td>
                        <td><strong>3300000</strong></td>
                    </tr>
                    <tr>
                        <td>Database Size</td>
                        <td><strong>6GB</strong></td>
                        <td><strong>6GB</strong></td>
                        <td><strong>6GB</strong></td>
                    </tr>
                    <tr>
                        <td>Entry processes</td>
                        <td><strong>50</strong></td>
                        <td><strong>100</strong></td>
                        <td><strong>150</strong></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>
