<link rel="stylesheet" href="{{ url('assets/css/flipster.min.css') }}" />
<style>
    .flipster__button--prev {
        left: 0;
        background: #ff531d;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff;
        border: 1px solid #1dff7e;
        border-radius: 100%;
        opacity: 0.8;

    }

    .flipster__button--next {
        right: 0;
        background: #ff531d;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff;
        border: 1px solid #1dff7e;
        border-radius: 100%;
        opacity: 0.8;
    }


    .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
        }
    }

    .register {
        background: #f5f7fb;
        margin-top: 3%;
        padding: 3%;
        margin-bottom: 40px;
    }

    .register-right {
        background: #f5f7fb;
    }

    .register .nav-tabs {
        margin-top: 0%;
        border: none;
        background: #ff531d;
        border-radius: 1.5rem;
        width: 20%;
        position: absolute;
    }


    .register .nav-tabs .nav-link.active {
        width: 100%;
        color: #ff531d;
        border: 2px solid #ff531d;
        border-top-left-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
    }

    .register .nav-tabs .nav-link {
        padding: 4%;
        height: 100%;
        font-weight: 600;
        color: #fff;
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }

    .register-heading {
        text-align: center;
        margin-top: 3%;
        margin-bottom: -15%;
        color: #213e6e;
    }

    .register .register-form {
        padding: 40px;
    }

    .register-form .custom-radio .custom-control-label {
        margin-right: 1rem;
    }

    .register .custom-control-label {
        color: #495057;
        font-size: 16px;
        font-weight: 600;
        margin-left: 1rem;
    }

    .register-form .custom-radio .custom-control-label::before {
        top: 0;
        z-index: 1;
        cursor: pointer;
        width: 20px;
        height: 20px;
        left: -1.8rem;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50%/50% 50%;
    }
</style>
<section class="ptb-60 dark_fade_green_color  hero-equal-height">
    <div class="container">

        <div class="row align-items-center justify-content-lg-between">
            <div class="col-md-6 col-lg-5">
                <div class="hero-content-wrap text-white position-relative">
                    <h1 class="text-white">We Create Outstanding website for You!</h1>
                    <p class="lead">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Debitis consectetur
                        aliquam tempore voluptas.</p>
                    <ul class="list-unstyled mb-2">
                        <li class="py-1"><i class="far fa-check-circle text-success pe-2"></i>All the resources of
                            a
                            server only for your website</li>
                        <li class="py-1"><i class="far fa-check-circle text-success pe-2"></i>Easy management and
                            security thanks to our control panel</li>
                        <li class="py-1"><i class="far fa-check-circle text-success pe-2"></i>Quick and proactive
                            solutions thanks to our 24/7 monitoring service</li>
                    </ul>
                    <div class="action-btns mt-4">
                        <a href="#" class="btn btn-tertiary btn-lg web_all_button_sizes">Get
                            started now </a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-6">
                <div class="img-wrap text-lg-end">
                    <img src="assets/img/hero-svg-img-2.svg" alt="email hosting" class="img-fluid">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="feature-tab-section ptb-60 ">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-lg-6">
                <div class="cta-new-wrap">
                    <img src="assets/img/website-builder.webp" alt="hosting" class="img-fluid"
                        style="height:400px; width:600px;">
                </div>
            </div>
            <div class="col-md-6 col-lg-6">
                <div class="cta-new-wrap">
                    <h2 class="main_secondary_text_color">Custom <span class="main_primary_text_color">Website
                            Design</span> Service</h2>
                    <div class="feature-feature-list py-3">
                        <h5 class="mb-2">A Website is the mirror of your business</h5>
                        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eius eum quam enim deserunt hic
                            quaerat ab expedita repellat maxime consequatur laboriosam, delectus architecto sunt, id
                            corrupti perspiciatis nam non maiores! </p>
                    </div>
                    <div class="feature-feature-list py-3">
                        <h5 class="mb-2">3x More Speed for your business</h5>
                        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eius eum quam enim deserunt hic
                            quaerat ab expedita repellat maxime consequatur laboriosam, delectus architecto sunt, id
                            corrupti perspiciatis nam non maiores!</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="cd-plan-table ptb-60 gray-light-bg">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-7">
                <div class="cd-title text-center">
                    <h2 class="mb-3 main_primary_text_color">Our Experience Boost Your <span
                            class="main_secondary_text_color">Brand & Business</span></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="my-flipster">
            <ul>
                <li>
                    <img src="assets/img/blog/1-w.jpg" alt="1">
                </li>
                <li>
                    <img src="assets/img/blog/1.jpg" alt="2">
                </li>
                <li>
                    <img src="assets/img/blog/2.jpg" alt="3">
                </li>
                <li>
                    <img src="assets/img/blog/3.jpg" alt="4">
                </li>
                <li>
                    <img src="assets/img/blog/4.jpg" alt="5">
                </li>
                <li>
                    <img src="assets/img/blog/5.jpg" alt="6">
                </li>
                <li>
                    <img src="assets/img/blog/6.jpg" alt="7">
                </li>
            </ul>
        </div>
    </div>
</section>

<section class="cd-plan-table ds-bg ptb-80">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-7">
                <div class="cd-title text-center">
                    <h2 class="mb-3 main_secondary_text_color">Choose our <span class="main_primary_text_color">Web
                            Design Packages</span> in India</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">Basic Website</span>
                            <p class="price h4">₹ 6999</p>
                            <a href="#" class="btn btn-tertiary  btn-small web_all_button_sizes">Order Now</a>
                        </th>
                        <th class="text-center">
                            <span class="plan-title">Small business Website</span>
                            <p class="price h4">₹ 13999</p>
                            <a href="#" class="btn btn-tertiary  btn-small web_all_button_sizes">Order Now</a>
                        </th>
                        <th class="text-center">
                            <span class="plan-title">Ecommerce website</span>
                            <p class="price h4">₹ 24999</p>
                            <a href="#" class="btn btn-tertiary  btn-small web_all_button_sizes">Order Now</a>
                        </th>
                    </tr>
                    <tr>
                        <td>Pages</td>
                        <td><strong>1-5 Pages</strong></td>
                        <td><strong>6-10 Pages</strong></td>
                        <td><strong>100 Products</strong></td>
                    </tr>
                    <tr>
                        <td>Custom Design</td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                    </tr>
                    <tr>
                        <td>Design Revisions</td>
                        <td><strong>Unlimited</strong></td>
                        <td><strong>Unlimited</strong></td>
                        <td><strong>Unlimited</strong></td>
                    </tr>
                    <tr>
                        <td>Contact Us Form</td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                    </tr>
                    <tr>
                        <td>Chat Feature</td>
                        <td><strong><i class="fa-solid fa-times text-danger"></i></strong></td>
                        <td><strong><i class="fa-solid fa-times text-danger"></i></strong></td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                    </tr>
                    <tr>
                        <td>Social Media Profiles Integration</td>
                        <td><strong><i class="fa-solid fa-times text-danger"></i></strong></td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                    </tr>
                    <tr>
                        <td>Payment Gateway</td>
                        <td><strong><i class="fa-solid fa-times text-danger"></i></strong></td>
                        <td><strong><i class="fa-solid fa-times text-danger"></i></strong></td>
                        <td><strong><i class="fa-solid fa-check"></i></strong></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>

<section id="pricing" class="pricing-section wow bounceInUp ptb-60 gray-light-bg"
    style="visibility: visible; animation-name: bounceInUp;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12 col-lg-12">
                <div class="section-heading text-center mb-4">
                    <h2 class="main_secondary_text_color">Web Design Services</h2>
                    <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit laudantium mollitia
                        voluptatibus laboriosam, aliquid, suscipit enim, rem necessitatibus quas nemo perspiciatis quam
                        dolor dolorem? Consectetur repellendus quia repellat nobis quibusdam. </p>
                </div>
            </div>
        </div>
        <div class="row align-items-center justify-content-md-center justify-content-center">
            <div class="col-12">
                <div class="hm2-pricing-section pt-120 pb-120 overflow-hidden">
                    <div class="hm2-pricing-tab text-center mt-4">
                        <ul class="nav nav-tabs justify-content-center " role="tablist">
                            <li>
                                <button class="active" data-bs-toggle="tab" data-bs-target="#domainHosting"
                                    aria-selected="true" role="tab">
                                    User Experience Design</button>
                            </li>
                            <li>
                                <button class="" data-bs-toggle="tab" data-bs-target="#privateServer"
                                    aria-selected="false" role="tab" tabindex="-1">
                                    Lading Page Design</button>
                            </li>
                            <li>
                                <button class="" data-bs-toggle="tab" data-bs-target="#dedicatedServer"
                                    aria-selected="false" role="tab" tabindex="-1">
                                    Dedicated Designer</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tab-content mt-5" id="myTabContent">
                    <div class="tab-pane fade show active" id="domainHosting" role="tabpanel"
                        aria-labelledby="home-tab">
                        <div class="d-md-flex">
                            <div class="row">
                                <div class="col-lg-8">
                                    <div class=" ml-md-5 align-self-center">
                                        <h2 class="mb-4">User Experience Design</h2>
                                        <p> Our industry-leading responsive web design team creates media-rich,
                                            user-driven, and
                                            appealing interfaces. We create user experiences that involve your audience
                                            with
                                            intuitive exploration and personalized calls-to-action.</p>
                                        <p> Our user experience approach begins with extensive research to recognize
                                            your target
                                            audience and learn about your business. We help to solve intricate problems
                                            using
                                            the latest user interface design techniques to create seamless and
                                            straightforward
                                            solutions for end-users. Every site we build on a responsive web design
                                            framework
                                            that smoothly scales from desktop to any device.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="align-self-center">
                                        <img loading="lazy" src="assets/img/ux-design.webp" class="img-fluid"
                                            alt="User Experience Design">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="privateServer" role="tabpanel" aria-labelledby="profile-tab">
                        <div class="d-md-flex">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class=" align-self-center">
                                        <img loading="lazy" src="assets/img/landing-page.webp" class="img-fluid"
                                            alt="Landing Page Design">
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <div class=" mr-md-5 align-self-center">
                                        <h2 class="mb-4">Landing Page Design</h2>
                                        <p>In your marketing and advertising efforts, landing pages are essential. Our
                                            professional design team will help you to create awesome landing pages. A
                                            perfect
                                            landing page can help you increase sales, improve lead quality, and grow
                                            your
                                            business. A neatly crafted landing page can convince the customers instantly
                                            about
                                            your target and service.</p>
                                        <p>A professional landing page is the reflection of your business target. A
                                            sharp,
                                            clear, and brief landing page design and copy that attracts visitors to
                                            convert.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="dedicatedServer" role="tabpanel" aria-labelledby="contact-tab">
                        <div class="d-md-flex">
                            <div class="row">
                                <div class="col-lg-8">
                                    <div class="ml-md-5 align-self-center">
                                        <h2 class="mb-4">Hire Dedicated Designers</h2>
                                        <p>You have come to the right place to look for professional designers to take
                                            your
                                            website to the next level. Your online presence will get a boom and
                                            recognition
                                            with
                                            our extensive service and dedicated design team.</p>
                                        <p>Our expert developers and designers assure you that you will get the best in
                                            all
                                            at
                                            an affordable rate. Our dedicated team uses the latest technologies and
                                            tools in
                                            design and development and handling each project efficiently. They have more
                                            specialized concepts and vision on their work and apply more creative
                                            efforts to
                                            build an outstanding output.</p>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class=" align-self-center">
                                        <img loading="lazy" src="assets/img/engineer.webp" class="img-fluid"
                                            alt="Hire Dedicated Designers">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="container register" id="quote">
    <div class="row">

        <div class="col-12 pb-3 message-box">
            <?php
            if (Session::has('message')) {
                [$type, $message] = explode('|', Session::get('message'));
                $type = $type == 'error' ? 'danger' : 'success';
                echo sprintf('<div class="alert alert-%s alert-dismissible fade show" role="alert">%s <button type="button" class="btn btn-sm" data-bs-dismiss="alert" aria-label="Close"><i class="fa fa-times"></i></button></div>', $type, $message);
            }
            ?>
            @foreach ($errors->all() as $error)
                <div class="alert alert-danger alert-dismissible fade show" role="alert">{{ $error }}
                    <button type="button" class="btn btn-sm" data-bs-dismiss="alert" aria-label="Close"><i
                            class="fa fa-times"></i></button>
                </div>
            @endforeach
        </div>

        <div class="col-md-12 register-right">
            <div class="col-md-12 text-center">
                <h3 class="main_secondary_text_color">Get a Quote</h3>
                <p>Tell us your website design requirements</p>
            </div>
            <form action="{{ url('send-packages-info') }}" id="package-enquiry-form" method="POST">
                @csrf
                <div class="row register-form ">
                    <div class="row">
                        <div class="col-lg-4 col-md-12">
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" placeholder="Full Name *"
                                    required>
                                <p style="color: #f00"></p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12">
                            <div class="form-group">
                                <input type="tel" name="mobile" class="form-control"
                                    placeholder="Mobile Number *" required>
                                <p style="color: #f00"></p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12">
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" placeholder="Email *"
                                    required>
                                <p style="color: #f00"></p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group">
                                <select class="form-select" id="select" name="budget">
                                    <option value="" class="hidden" selected="" disabled="">Select
                                        Your Budget</option>
                                    <?php foreach(WEBSITE_PACKAGES_ENQUIRY_BUDGETS as $key => $val) { ?>
                                    <option value="{{ $key }}">{{ $val }}</option>
                                    <?php } ?>
                                </select>
                                <p style="color: #f00"></p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group">
                                <select class="form-select" id="pages" name="pages">
                                    <option value="" class="hidden" selected="" disabled="">Select
                                        number of pages</option>
                                    <?php foreach(WEBSITE_PACKAGES_PAGES as $pkey => $pval) { ?>
                                    <option value="{{ $pkey }}">{{ $pval }} Pages</option>
                                    <?php } ?>
                                </select>
                                <p style="color: #f00"></p>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <textarea name="message" placeholder="Share your website requirements/business idea in details*" class="form-control"
                                    cols="4" rows="6" required maxlength="1000"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <h5 class="mt-3">Select Other Requirements<span>*</span>:</h5>
                        <?php foreach(WEBSITE_PACKAGES_REQUIREMENTS as $Rkey => $Rval){ ?>
                        <div class="col-lg-3 col-md-3">
                            <input class="form-check-input packages_requirements" type="checkbox"
                                id="inlineCheckbox_{{ $Rkey }}" name="requirement[]"
                                value="{{ $Rkey }}">
                            <label class="form-check-label"
                                for="inlineCheckbox_{{ $Rkey }}">{{ $Rval }}</label>
                        </div>
                        <?php } ?>
                        <input type="hidden" value="" name="requirements">
                    </div>
                    <div class="action-btns mt-4">
                        <button type="submit" class="btn btn-tertiary form-control web_all_button_sizes">Get a
                            Quote</button>
                    </div>
                </div>
            </form>
        </div>

    </div>
</div>

<section class="pricing-section pricing-section-description ptb-40 ">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12 col-lg-12">
                <div class="section-heading text-center mb-4">
                    <h2 class="main_secondary_text_color">The Benefilts of <span
                            class="main_primary_text_color">shared web hosting</span></h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, exercitationem saepe vero
                        enim sunt, debitis, quisquam eaque necessitatibus voluptatibus laudantium doloremque
                        ratione. Nostrum consequuntur recusandae cumque est quaerat possimus omnis!
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet cum sequi aspernatur nisi
                        fugit. Beatae impedit culpa laudantium? Voluptate iusto ex consectetur perferendis facere
                        dolorum quo enim ducimus voluptatum voluptas.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="feature-section wow fadeInUp ptb-40"
    style="visibility: visible; animation-name: fadeInUp; background: rgb(231, 231, 231);">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-9 col-lg-6">
                <div class="section-heading text-center">
                    <h2 class="main_secondary_text_color">Experiencing using <span
                            class="main_primary_text_color">Shared Web Hosting</span></h2>
                    <p>These features come standard in all of our hosting plans. Dynamically extend
                        imperatives through open-source quickly niche markets.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 col-lg-3 mt-4">
                <div class="features-box  bg-white shadow-lg p-5 ">
                    <div class="features-box-icon mb-3">
                        <span class="fas fa-gauge icon-size-md main_primary_text_color"></span>
                    </div>
                    <div class="features-box-content">
                        <h5>Up to 20K faster Turbo </h5>
                        <p>Tech veterans, geeks, and nerds are.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3 mt-4">
                <div class="features-box bg-white shadow-lg p-5 ">
                    <div class="features-box-icon mb-3">
                        <span class="fas fa-thumbs-up icon-size-md main_primary_text_color"></span>
                    </div>
                    <div class="features-box-content">
                        <h5>Guru Crew Suppourt</h5>
                        <p>Tech veterans, geeks, and nerds are.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3 mt-4">
                <div class="features-box  bg-white shadow-lg p-5 ">
                    <div class="features-box-icon mb-3">
                        <span class="fas fa-mouse icon-size-md main_primary_text_color"></span>
                    </div>
                    <div class="features-box-content">
                        <h5>Free Account Migration</h5>
                        <p>Tech veterans, geeks, and nerds are.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3 mt-4">
                <div class="features-box  bg-white shadow-lg p-5 ">
                    <div class="features-box-icon mb-3">
                        <span class="fas fa-headset  icon-size-md main_primary_text_color"></span>
                    </div>
                    <div class="features-box-content">
                        <h5>Money Back Guarantee</h5>
                        <p>Tech veterans, geeks, and nerds are.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="appliction-hosting wow fadeInUp  ptb-60 gray-light-bg"
    style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12 col-lg-12">
                <div class="section-heading text-center mb-5">
                    <h2 class="main_secondary_text_color"><span class="main_primary_text_color">Application
                            Hosting</span> Optimised for <span class="main_primary_text_color">WordPress &amp;
                            more</span></h2>
                    <p>Our web hosting platform has been fully optimised to offer outstanding performance
                        for your web applications, delivering speeds of up to16x faster.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="application-hosting-wrap">
                    <ul class="app-list">
                        <li><a href="#" class="main_secondary_bg text-white"><img
                                    src="assets/img/icons/wordpress-icon-white.svg" alt="icon">
                                <span>WordPress</span></a></li>
                        <li><a href="#" class="main_secondary_bg text-white"><img
                                    src="assets/img/icons/joomla-icon-white.svg" alt="icon">
                                <span>WordPress</span></a></li>
                        <li><a href="#" class="main_secondary_bg text-white"><img
                                    src="assets/img/icons/magento-icon-white.svg" alt="icon">
                                <span>WordPress</span></a></li>
                        <li><a href="#" class="main_secondary_bg text-white"><img
                                    src="assets/img/icons/opencart-icon-white.svg" alt="icon">
                                <span>WordPress</span></a></li>
                        <li><a href="#" class="main_secondary_bg text-white"><img
                                    src="assets/img/icons/prestashop-icon-white.svg" alt="icon">
                                <span>WordPress</span></a></li>
                        <li><a href="#" class="main_secondary_bg text-white"><img
                                    src="assets/img/icons/drupal-icon-white.svg" alt="icon">
                                <span>WordPress</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="feature-section ptb-60 gray-light-bg">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12 col-lg-12">
                <div class="section-heading text-center mb-5">
                    <h2 class="main_secondary_text_color">All <span class="main_primary_text_color">Shared Hosting
                            Plans</span> Includes</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam exercitationem ad quo vitae
                        consectetur fugiat animi </p>
                </div>
            </div>
        </div>
        <div class="row align-items-center justify-content-between">
            <div class="col-md-6 col-lg-6">
                <div class="cta-new-wrap">
                    <div class="feature-feature-list py-3">
                        <span class="fas fa-hard-drive icon-size-md d-block main_primary_text_color mb-3"></span>
                        <h5 class="mb-2">SSD Disk Drives</h5>
                        <p>You can never go wrong with our own top-notch dedicated servers loaded Credibly network
                            leading-edge services vis-a-vis world-class niches. Seamlessly visualize end-to-end
                            web-readiness </p>
                    </div>
                    <div class="feature-feature-list py-3">
                        <span class="fas fa-network-wired icon-size-md d-block main_primary_text_color mb-3"></span>
                        <h5 class="mb-2">100 Mb/s Network</h5>
                        <p>We can guarantee an excellent experience and loading time for your successful
                            Energistically synthesize just in time paradigms after resource-leveling e-business
                            plagiarize cross-unit information</p>
                    </div>
                    <div class="feature-feature-list py-3">
                        <span class="fas fa-lock icon-size-md d-block main_primary_text_color mb-3"></span>
                        <h5 class="mb-2">DDoS Protection</h5>
                        <p>With full root access you will be able to take full control of your server very easy
                            Holisticly repurpose granular models and go forward schemas. Professionally scale
                            magnetic portals before </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-6">
                <div class="cta-new-wrap">
                    <div class="feature-feature-list py-3">
                        <span class="fas fa-globe-americas icon-size-md d-block main_primary_text_color mb-3"></span>
                        <h5 class="mb-2">Dedicated IP</h5>
                        <p>One of many premium features is a dedicated IP cheapest VPS hosting plan Authoritatively
                            formulate user-centric sources without emerging best practices. Monotonectally morph an
                            expanded </p>
                    </div>
                    <div class="feature-feature-list py-3">
                        <span class="fas fa-location-pin icon-size-md d-block main_primary_text_color mb-3"></span>
                        <h5 class="mb-2">IPv6 Support</h5>
                        <p>Our VPS hosting plan is fully packed with dedicated IPv6 Internet protocol IP
                            Progressively maximize standardized catalysts for change via diverse initiatives.
                            Monotonectally underwhelm</p>
                    </div>
                    <div class="feature-feature-list py-3">
                        <span class="fas fa-credit-card icon-size-md d-block main_primary_text_color mb-3"></span>
                        <h5 class="mb-2">Money-back Guarantee</h5>
                        <p>If you’re not 100% satisfied with Hostlar, we’ll refund your payment no risk
                            Interactively administrate wireless results via cooperative mindshare. Completely
                            benchmark process-centric sources and high standards</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="container-fluid " style=" background: #e7e7e7">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                <img src="assets/img/moneyBackgurantee.svg" class="mx-auto d-block my-4" alt="Money Back Guarantee">
            </div>
            <div class="col-lg-9">
                <h3 class=" mx-auto mt-4 mb-3">100% Satisfaction or 30-day Money Back
                    Guarantee</h3>
                <p class=" mx-auto">
                    Having the opportunity to experience and learn more about your new hosting provider and
                    whatever we have to offer is essential in developing a long-term partnership. If you are
                    not satisfied with us within your first 30 days, we will return your money. But we're
                    confident you'll like being a part of the iHostingMart team.
                </p>
                <div class="d-flex">
                    <a href="" class="btn btn-tertiary px-3 web_all_button_sizes">Try
                        iHostingMart (30 Days Risk-free)</a>
                </div>
            </div>
        </div>
    </div>
</div>

<section id="faq" class="ptb-60 ">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12 col-lg-12">
                <div class="section-heading text-center mb-5">
                    <h2 class="main_secondary_text_color">Frequently Asked Queries</h2>
                    <p>Efficiently productivate reliable paradigms before ubiquitous models. Continually
                        utilize frictionless expertise whereas tactical relationships. Still have questions?
                        Contact us</p>
                </div>
            </div>
        </div>
        <div class="row align-items-center">
            <div class="col-md-12 col-lg-12">
                <div class="accordion faq-wrap" id="accordionExample">

                    <!-- Item -->
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">If I
                                have a WordPress site hosted somewhere
                                else, can I move it to host?</button>
                        </h2>
                        <div class="accordion-collapse collapse show" id="collapseOne" aria-labelledby="headingOne"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">Credibly maximize open-source methodologies via
                                sustainable synergy. Dynamically predominate diverse architectures via
                                user-centric technologies. Credibly enable clicks-and-mortar services
                                whereas extensive services. Proactively integrate orthogonal technologies
                                whereas seamless networks. Dynamically transition intermandated communities
                                via premier mindshare.</div>
                        </div>
                    </div>

                    <!-- Item -->
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingTwo">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseTwo" aria-expanded="false"
                                aria-controls="collapseTwo">What’s the difference
                                between WordPress Hosting and shared Web Hosting?</button>
                        </h2>
                        <div class="accordion-collapse collapse" id="collapseTwo" aria-labelledby="headingTwo"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">Energistically conceptualize visionary results and
                                premier best practices. Enthusiastically innovate leveraged testing
                                procedures rather than progressive experiences. Uniquely incubate
                                bricks-and-clicks potentialities and process-centric "outside the box"
                                thinking. Dramatically recaptiualize magnetic services rather than fully
                                tested products. Appropriately productize innovative convergence before
                                superior niches.</div>
                        </div>
                    </div>

                    <!-- Item -->
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingThree">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseThree" aria-expanded="false"
                                aria-controls="collapseThree">How do I know what
                                WordPress Hosting plan is best for me?</button>
                        </h2>
                        <div class="accordion-collapse collapse" id="collapseThree" aria-labelledby="headingThree"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">Compellingly utilize go forward portals with go
                                forward manufactured products. Continually evolve clicks-and-mortar web
                                services and just in time quality vectors. Holisticly envisioneer unique
                                technology whereas equity invested networks. Dynamically target reliable
                                services without multifunctional convergence. Seamlessly visualize
                                resource-leveling vortals after prospective partnerships.</div>
                        </div>
                    </div>

                    <!-- Item -->
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingFour">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">Is
                                email included with
                                WordPress Hosting?</button>
                        </h2>
                        <div class="accordion-collapse collapse" id="collapseFour" aria-labelledby="headingFour"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">Professionally integrate optimal initiatives for
                                progressive "outside the box" thinking. Intrinsicly drive real-time synergy
                                with bleeding-edge growth strategies. Synergistically productize
                                mission-critical portals vis-a-vis interactive customer service.
                                Synergistically predominate B2B outsourcing for magnetic synergy.
                                Energistically optimize synergistic expertise whereas premier results.</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="ptb-80 wow fadeInLeft main_secondary_bg" style="visibility: visible; animation-name: fadeInLeft;">
    <div class="container">
        <div class="row align-items-center justify-content-between">
            <div class="col-12 col-lg-12">
                <div class="cta-content-wrap justify-content-center text-center text-white">
                    <h2 class="text-white">
                        Need Help 24/7/365 Expert Hosting Support Our Customers Love
                    </h2>
                    <p>
                        Objectively innovate high compellingly maintain progressively pursue
                        mission-critical information quality imperatives.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="promo-section pt-60  text-center mt-n-150 ">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-lg-4">
                <div class="card hosting-promo border-0 rounded-custom p-4 mt-4 shadow">
                    <div class="card-body">
                        <div class="hosting-promo-icon mb-3 justify-content-between">
                            <span class="fas fa-headset icon-size-lg main_primary_text_color"></span>
                        </div>
                        <div class="hosting-promo-content">
                            <h5 class="h6">Call Us / WhatsApp</h5>
                            <p>10:00 AM to 10 PM (IST)
                                <br>
                                Touch 24/7
                            </p>
                            <a href="#" target="_blank"
                                class="btn btn-tertiary read-more-link d-inline-flex align-items-center web_all_button_sizes">
                                <span>Order Now</span> <i class="fas fa-arrow-right ms-2"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="card hosting-promo border-0 rounded-custom p-4 mt-4 shadow">
                    <div class="card-body">
                        <div class="hosting-promo-icon mb-3 justify-content-between">
                            <span class="fas fa-comments icon-size-lg main_primary_text_color"></span>
                        </div>
                        <div class="hosting-promo-content">
                            <h5 class="h6">Chat</h5>
                            <p>10:00 AM to 10 PM (IST)
                                <br>
                                Touch 24/7
                            </p>
                            <a href="#" target="_blank"
                                class="btn btn-tertiary read-more-link d-inline-flex align-items-center web_all_button_sizes">
                                <span>Order Now</span> <i class="fas fa-arrow-right ms-2"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="card hosting-promo border-0 rounded-custom p-4 mt-4 shadow">
                    <div class="card-body">
                        <div class="hosting-promo-icon mb-3 justify-content-between">
                            <span class="fas fa-ticket icon-size-lg main_primary_text_color"></span>
                        </div>
                        <div class="hosting-promo-content">
                            <h5 class="h6">Ticket Email</h5>
                            <p>10:00 AM to 10 PM (IST)
                                <br>
                                Touch 24/7
                            </p>
                            <a href="#" target="_blank"
                                class="btn btn-tertiary read-more-link d-inline-flex align-items-center web_all_button_sizes">
                                <span>Order Now</span> <i class="fas fa-arrow-right ms-2"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--feature section end-->

<section class="review-section ptb-60 gray-light-bg">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6 col-lg-4">
                <div class="section-heading">
                    <h2 class="main_secondary_text_color">Supporting over 100K satisfies business</h2>
                    <p>Uniquely repurpose strategic core competencies with progressive content. Assertively
                        transition ethical imperatives and collaborative manufactured products. </p>
                    <a href="#" target="_blank"
                        class="btn btn-tertiary read-more-link d-inline-flex align-items-center web_all_button_sizes">
                        <span>Read More Testimonials</span> <i class="fas fa-arrow-right ms-2"></i>
                    </a>
                    <a href="#"
                        class="btn btn-tertiary d-inline-flex align-items-center read-more-link web_all_button_sizes">View
                        All Plans <i class="fas fa-arrow-right ms-2"></i></a>
                </div>
            </div>
            <div class="col-md-6 col-lg-8">
                <div
                    class="owl-carousel owl-theme client-testimonial-2 dot-bottom-center custom-dot owl-loaded owl-drag">
                    <div class="owl-stage-outer">
                        <div class="owl-stage"
                            style="transform: translate3d(-2549px, 0px, 0px); transition: all 0.25s ease 0s; width: 5100px;">
                            <div class="owl-item cloned" style="width: 424.993px;">
                                <div class="item">
                                    <div class="border single-review-wrap bg-white p-4 m-3">
                                        <div class="review-body">
                                            <h5>Uniquely mesh flexible</h5>
                                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                                Error totam rerum natus voluptate ab unde commodi.</p>
                                        </div>
                                        <div class="review-author d-flex align-items-center">
                                            <div class="author-avatar">
                                                <img src="assets/img/client-4.jpg" width="64" alt="author"
                                                    class="rounded-circle shadow-sm img-fluid mr-3">
                                                <span>“</span>
                                            </div>
                                            <div class="review-info">
                                                <h6 class="mb-0">Ana Joly</h6>
                                                <span>BizBite</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="owl-item" style="width: 424.993px;">
                                <div class="item">
                                    <div class="border single-review-wrap bg-white p-4 m-3">
                                        <div class="review-body">
                                            <h5>Amazing template</h5>
                                            <p>Distinctively foster maintainable metrics whereas
                                                multidisciplinary process improvements. Objectively
                                                implement strategic niches through.</p>
                                        </div>
                                        <div class="review-author d-flex align-items-center">
                                            <div class="author-avatar">
                                                <img src="assets/img/client-2.jpg" width="64" alt="author"
                                                    class="rounded-circle shadow-sm img-fluid mr-3">
                                                <span>“</span>
                                            </div>
                                            <div class="review-info">
                                                <h6 class="mb-0">Ana Joly</h6>
                                                <span>BizBite</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="owl-item" style="width: 424.993px;">
                                <div class="item">
                                    <div class="border single-review-wrap bg-white p-4 m-3">
                                        <div class="review-body">
                                            <h5>Best template for app</h5>
                                            <p>Efficiently innovate customized growth strategies whereas
                                                error-free paradigms. Monotonectally enhance stand-alone
                                                data with prospective innovation.</p>
                                        </div>
                                        <div class="review-author d-flex align-items-center">
                                            <div class="author-avatar">
                                                <img src="assets/img/client-1.jpg" width="64" alt="author"
                                                    class="rounded-circle shadow-sm img-fluid mr-3">
                                                <span>“</span>
                                            </div>
                                            <div class="review-info">
                                                <h6 class="mb-0">Tony Roy</h6>
                                                <span>BizBite</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="owl-item" style="width: 424.993px;">
                                <div class="item">
                                    <div class="border single-review-wrap bg-white p-4 m-3">
                                        <div class="review-body">
                                            <h5>Efficiently innovate app</h5>
                                            <p>Continually redefine sticky channels whereas extensive
                                                "outside the box" thinking. Rapidiously supply focused
                                                schemas vis-a-vis optimal users.</p>
                                        </div>
                                        <div class="review-author d-flex align-items-center">
                                            <div class="author-avatar">
                                                <img src="assets/img/client-3.jpg" width="64" alt="author"
                                                    class="rounded-circle shadow-sm img-fluid mr-3">
                                                <span>“</span>
                                            </div>
                                            <div class="review-info">
                                                <h6 class="mb-0">Ana Joly</h6>
                                                <span>BizBite</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="owl-item active" style="width: 424.993px;">
                                <div class="item">
                                    <div class="border single-review-wrap bg-white p-4 m-3">
                                        <div class="review-body">
                                            <h5>Uniquely mesh flexible</h5>
                                            <p>Phosfluorescently optimize intermandated platforms without
                                                integrated infrastructures. Proactively redefine granular
                                                thinking before.</p>
                                        </div>
                                        <div class="review-author d-flex align-items-center">
                                            <div class="author-avatar">
                                                <img src="assets/img/client-4.jpg" width="64" alt="author"
                                                    class="rounded-circle shadow-sm img-fluid mr-3">
                                                <span>“</span>
                                            </div>
                                            <div class="review-info">
                                                <h6 class="mb-0">Ana Joly</h6>
                                                <span>BizBite</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="owl-item active" style="width: 424.993px;">
                                <div class="item">
                                    <div class="border single-review-wrap bg-white p-4 m-3">
                                        <div class="review-body">
                                            <h5>Uniquely mesh flexible</h5>
                                            <p>Phosfluorescently optimize intermandated platforms without
                                                integrated infrastructures. Proactively redefine granular
                                                thinking before.</p>
                                        </div>
                                        <div class="review-author d-flex align-items-center">
                                            <div class="author-avatar">
                                                <img src="assets/img/client-1.jpg" width="64" alt="author"
                                                    class="rounded-circle shadow-sm img-fluid mr-3">
                                                <span>“</span>
                                            </div>
                                            <div class="review-info">
                                                <h6 class="mb-0">Ana Joly</h6>
                                                <span>BizBite</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="owl-item" style="width: 424.993px;">
                                <div class="item">
                                    <div class="border single-review-wrap bg-white p-4 m-3">
                                        <div class="review-body">
                                            <h5>Holisticly reintermediate</h5>
                                            <p>Collaboratively reintermediate out-of-the-box e-business via
                                                economically sound supply chains. Dynamically target
                                                client-based holistic information.</p>
                                        </div>
                                        <div class="review-author d-flex align-items-center">
                                            <div class="author-avatar">
                                                <img src="assets/img/client-2.jpg" width="64" alt="author"
                                                    class="rounded-circle shadow-sm img-fluid mr-3">
                                                <span>“</span>
                                            </div>
                                            <div class="review-info">
                                                <h6 class="mb-0">Ana Joly</h6>
                                                <span>BizBite</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<script src="{{ url('assets/js/vendors/flipster.min.js') }}"></script>

<script>
    $(function() {
        $('.my-flipster').flipster({
            style: 'coverflow',
            loop: true,
            fadeIn: 400,
            autoplay: false,
            spacing: -0.7,
            pauseOnHover: true,
            keyboard: false,
            scrollwheel: false,
            touch: true,
            click: true,
            buttons: true,
        });
    });
</script>


<script src="{{ url('assets/admin/vendor/jquery/jquery.validate.min.js') }}"></script>
<script>
    $(document).ready(function() {
        $('#package-enquiry-form').validate({
            ignore: '',
            rules: {
                name: {
                    required: true,
                    minlength: 3,
                    maxlength: 50,
                },
                mobile: {
                    required: true,
                    digits: true,
                    minlength: 6,
                    maxlength: 20,
                },
                email: {
                    required: true,
                    email: true,
                },
                budget: {
                    required: true,
                },
                pages: {
                    required: true,
                },
                message: {
                    required: true,
                    minlength: 10,
                    maxlength: 1000,
                },
                requirements: {
                    required: function() {
                        if ($('.packages_requirements:checked').length > 0) {
                            return false;
                        } else {
                            return true;
                        }
                    }
                }
            },
            messages: {
                name: {
                    required: "Name must be required",
                    minlength: "Name must be minimum 3 character",
                    maxlength: "Name must be maximum 50 character",
                },
                mobile: {
                    required: "Mobile Number must be required",
                    digits: "Mobile Number must be digits",
                },
                email: {
                    required: "Email Address Must be required",
                    email: "Email Address Must be Valid",
                },
                budget: {
                    required: "Budget Must be required",
                },
                pages: {
                    required: "Pages Must be required",
                },
                message: {
                    required: "Message must be required",
                    minlength: "Message must be minimum 10 character",
                    maxlength: "Message must be maximum 1000 character",
                },
                requirements: {
                    required: "At least one Requirements required",
                }
            },
            submitHandler: function(form) {
                form.submit();
            }
        });

    });
</script>
