<!DOCTYPE html>
<html lang="en" dir="ltr" data-nav-layout="horizontal" data-nav-style="menu-hover" data-theme-mode="light">
        
    <head>
        <!-- META DATA -->
        <meta charset="UTF-8">
        <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="author" content="Spruko Technologies Private Limited">
        <meta name="keywords" content="Hosting Website Templates, PHP Hosting Website Template, Hosting PHP Template, Professional Hosting PHP Template, Top Web Hosting PHP Templates, Web Hosting PHP Template, web hosting Bootstrap template, This professional Hosting PHP Template, Web Hosting Template, Bootstrap hosting template, Web Hosting Template Bootstrap, Bootstrap Web Hosting Template, Web Hosting Programming Template.">

        <!-- TITLE -->
        <title>Hostma – PHP Modern Web Hosting Template </title>
        
        <!-- FAVICON -->
        <link rel="icon" href="../assets/images/brand/favicon.ico" type="image/x-icon">
        
        <?php include '../layouts/styles.php'; ?>
    
    </head>

    <body class="main-body light-theme">

        <!-- BACK-TO-TOP -->
        <a href="#top" id="back-to-top" class="back-to-top rounded-circle shadow all-ease-03 fade-in">
            <i class="fe fe-arrow-up"></i>
        </a>
        <!-- END BACK-TO-TOP -->

        <!-- PAGE -->
        <div class="page">
            <div class="head_menu_container">
                <!-- HEADER -->
                <?php include '../layouts/header.php'; ?>

                <!-- END HEADER -->

                <!-- SIDEBAR -->
                <?php include '../layouts/sidebar.php'; ?>

                <!-- END SIDEBAR -->
            </div>

            <!-- MAIN-CONTENT -->
            <div class="main-content app-content">
                <section>
                    <div class="banner-5 banner-section">
                        <img src="../assets/images/patterns/4.png" alt="img" class="patterns-3">
                        <img src="../assets/images/patterns/6.png" alt="img" class="patterns-4">
                        <img src="../assets/images/patterns/9.png" alt="img" class="patterns-8 op-2">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-lg-7">
                                    <div class="mb-4">
                                        <p class="mb-3 content-1 h5 text-white"> <img src="../assets/images/png/71.png" width="200" class="filter-shadow" alt="img">Workspace</p>
                                        <p class="tx-18">Intelligent tools your business can depend on</p>
                                        <ul class="list-unstyled mb-3">
                                            <li class="list-item mb-2"><i class="fe fe-chevron-right bg-white-2 rounded-circle p-1 me-2"></i>Effectively Communicate</li>
                                            <li class="list-item mb-2"><i class="fe fe-chevron-right bg-white-2 rounded-circle p-1 me-2"></i>Seamlessly Collaborate</li>
                                            <li class="list-item mb-2"><i class="fe fe-chevron-right bg-white-2 rounded-circle p-1 me-2"></i>Easily Manage</li>
                                        </ul>
                                        <p class="tx-18">Start your business at just<span class="h2 text-white"> $13.8</span><span class="op-5 tx-14"> / month</span></p>
                                    </div>
                                    <a href="#plans" class="btn btn-lg btn-secondary d-inline-flex align-items-center"><i class="fe fe-eye me-1"></i> View Plans</a>
                                </div>
                                <div class="col-lg-5">
                                    <div class="banner-bg google-img-bg mt-5 mt-lg-0">
                                        <img src="../assets/images/png/44.png" class="reseller-img img-fluid" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-pattern-1 bg-image1">
                    <img src="../assets/images/patterns/26.png" alt="img" class="patterns-1 op-1">
                    <img src="../assets/images/patterns/25.png" alt="img" class="patterns-2 op-1">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">About Google</span></div>
                            <div class="heading-title">What's Amazing About <span class="tx-primary">Google Workspace?</span></div>
                            <div class="heading-description">Et et dolore aliquyam sed eos ut eos accusam erat, ipsum consetetur</div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg"><i class="bi bi-hdd-network text-white tx-26"></i></span>
                                        <h5>Encrypt sensitive data</h5>
                                        <p class="mb-0">Justo aliquyam duo vero clita aliquyam vero eirmod stet amet. Dolores est eos et est kasd, invidunt aliquyam no sadipscing.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg secondary"><i class="bi bi-bar-chart text-white tx-26"></i></span>
                                        <h5>Increase SEO rank</h5>
                                        <p class="mb-0">Sed ut perspiciatis unde omnis natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg success"><i class="bi bi-shield-check text-white tx-26"></i></span>
                                        <h5>Protect user privacy</h5>
                                        <p class="mb-0">Quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg pink"><i class="bi bi-currency-dollar text-white tx-26"></i></span>
                                        <h5>Secure online transactions</h5>
                                        <p class="mb-0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg teal"><i class="bi bi-clock-history text-white tx-26"></i></span>
                                        <h5>Prove legitimacy</h5>
                                        <p class="mb-0">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="card shadow-none border">
                                    <div class="card-body text-center">
                                        <span class="blob-bg danger"><i class="bi bi-lock text-white tx-26"></i></span>
                                        <h5>Activate HTTPS and the lock icon</h5>
                                        <p class="mb-0">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-section-1 overflow-hidden">
                    <img src="../assets/images/patterns/23.png" alt="img" class="patterns-1 op-1">
                    <img src="../assets/images/patterns/6.png" alt="img" class="patterns-4">
                    <img src="../assets/images/patterns/9.png" alt="img" class="patterns-8 op-2">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Google's Machine</span></div>
                            <div class="heading-title">Power of Google's machine to build a <span class="tx-primary">Smarter Team</span></div>
                            <div class="heading-description">Et et dolore aliquyam sed eos ut eos accusam erat, ipsum consetetur</div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-xxl-8 col-xl-10">
                                <div class="tab-style-3 mb-4">
                                    <ul class="nav nav-pills d-md-flex d-block justify-content-center" role="tablist">
                                        <li class="nav-item position-relative me-md-4 mb-2" role="presentation">
                                            <a href="javascript:void(0);" class="tab-style-3-link stretched-link active" data-bs-toggle="pill" data-bs-target="#pricing" aria-selected="true" role="tab" tabindex="-1"></a>
                                            <div class="card feature-card-3 shadow-none mb-0">
                                                <div class="card-body px-3 py-2 text-center">
                                                    <div class="tx-16 fw-600 mb-0">
                                                        <i class="bi bi-cast me-1"></i>
                                                        <span>Communicate Effectively</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item position-relative me-md-4 mb-2" role="presentation">
                                            <a href="javascript:void(0);" class="tab-style-3-link stretched-link" data-bs-toggle="pill" data-bs-target="#ease" aria-selected="false" role="tab" tabindex="-1"></a>
                                            <div class="card feature-card-3 shadow-none mb-0">
                                                <div class="card-body px-3 py-2 text-center">
                                                    <div class="tx-16 fw-600 mb-0">
                                                        <i class="bi bi-cpu me-1"></i>
                                                        <span>Collaborate Seamlessly</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item position-relative mb-2" role="presentation">
                                            <a href="javascript:void(0);" class="tab-style-3-link stretched-link" data-bs-toggle="pill" data-bs-target="#intuitive" aria-selected="false" role="tab" tabindex="-1"></a>
                                            <div class="card feature-card-3 shadow-none mb-0">
                                                <div class="card-body px-3 py-2 text-center">
                                                    <div class="tx-16 fw-600 mb-0">
                                                        <i class="bi bi-gear me-1"></i>
                                                        <span>Manage Easily</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="pricing" role="tabpanel">
                                        <div class="row banner-pd-1 pb-0 align-items-center">
                                            <div class="col-lg-6">
                                                <div class="row">
                                                    <div class="col-xl-12">
                                                        <p class="h4 mb-5">Effectively Communicate with the Google</p>
                                                        <div class="row mb-4">
                                                            <div class="col-xl-12">
                                                                <div class="card">
                                                                    <div class="card-body d-flex align-items-start">
                                                                        <img src="../assets/images/icons/24.png" alt="img" class="me-3" width="45">
                                                                        <div>
                                                                            <h5 class="mb-1">Get the power of Gmail </h5>
                                                                            <p class="mb-0">Get a professional email for your business with all the powerful features of Gmail.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-12">
                                                                <div class="card">
                                                                    <div class="card-body d-flex align-items-start">
                                                                        <img src="../assets/images/icons/23.png" alt="img" class="me-3" width="45">
                                                                        <div>
                                                                            <h5 class="mb-1">Never miss a meeting</h5>
                                                                            <p class="mb-0">Add reminders, schedule meetings and never miss a thing with smart calendar.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-12">
                                                                <div class="card">
                                                                    <div class="card-body d-flex align-items-start">
                                                                        <img src="../assets/images/icons/25.png" alt="img" class="me-3" width="45">
                                                                        <div>
                                                                            <h5 class="mb-1">Communicate on the go</h5>
                                                                            <p class="mb-0">Stay connected with your colleagues with HD video calls via Google Meet and Google Chats.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 text-center">
                                                <img src="../assets/images/png/48.png" class="img-fluid" alt="img" width="400">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="ease" role="tabpanel">
                                        <div class="row banner-pd-1 pb-0 align-items-center">
                                            <div class="col-lg-6">
                                                <div class="row">
                                                    <div class="col-xl-12">
                                                        <p class="h4 mb-5">Collaborate Seamlessly with the Google</p>
                                                        <div class="row mb-4">
                                                            <div class="col-xl-12">
                                                                <div class="card">
                                                                    <div class="card-body d-flex align-items-start">
                                                                        <img src="../assets/images/icons/26.png" alt="img" class="me-3" width="45">
                                                                        <div>
                                                                            <h5 class="mb-1">Intelligent Collaboration</h5>
                                                                            <p class="mb-0">Collaborate in real time, store your files on the cloud, share and access them from anywhere.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-12">
                                                                <div class="card">
                                                                    <div class="card-body d-flex align-items-start">
                                                                        <img src="../assets/images/icons/28.png" alt="img" class="me-3" width="45">
                                                                        <div>
                                                                            <h5 class="mb-1">Smart Cloud search</h5>
                                                                            <p class="mb-0">Search across all your organizations content. From Gmail and Drive to Docs, Sheets, Slides, Calendar, and more.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-12">
                                                                <div class="card">
                                                                    <div class="card-body d-flex align-items-start">
                                                                        <img src="../assets/images/icons/27.png" alt="img" class="me-3" width="45">
                                                                        <div>
                                                                            <h5 class="mb-1">Online Workspace Collaboration</h5>
                                                                            <p class="mb-0">Experience greater efficiency with real-time edits and multi-user access features for Google Docs, Sheets and Slides.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 text-center">
                                                <img src="../assets/images/png/13.png" class="img-fluid" alt="img" width="550">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="intuitive" role="tabpanel">
                                        <div class="row banner-pd-1 pb-0 align-items-center">
                                            <div class="col-lg-6">
                                                <div class="row">
                                                    <div class="col-xl-12">
                                                        <p class="h4 mb-5">Easily Manage with the Google</p>
                                                        <div class="row mb-4">
                                                            <div class="col-xl-12">
                                                                <div class="card">
                                                                    <div class="card-body d-flex align-items-start">
                                                                        <img src="../assets/images/icons/30.png" alt="img" class="me-3" width="45">
                                                                        <div>
                                                                            <h5 class="mb-1">Manage Efficiently</h5>
                                                                            <p class="mb-0">Manage users, groups and permissions through the admin console.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-12">
                                                                <div class="card">
                                                                    <div class="card-body d-flex align-items-start">
                                                                        <img src="../assets/images/icons/29.png" alt="img" class="me-3" width="45">
                                                                        <div>
                                                                            <h5 class="mb-1">Archive your data with ease</h5>
                                                                            <p class="mb-0">Store and archive your data on Vault and never miss any information.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-12">
                                                                <div class="card">
                                                                    <div class="card-body d-flex align-items-start">
                                                                        <img src="../assets/images/icons/31.png" alt="img" class="me-3" width="45">
                                                                        <div>
                                                                            <h5 class="mb-1">Secure</h5>
                                                                            <p class="mb-0">Manage and secure multiple devices with endpoint mangement.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 text-center">
                                                <img src="../assets/images/png/67.png" class="img-fluid" alt="img" width="380">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section bg-gray-100 bg-pattern-1" id="plans">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-xl-7">
                                <div class="heading-section">
                                    <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Products</span></div>
                                    <div class="heading-title">Which product is better compare to <span class="tx-primary">Other Products?</span></div>
                                    <div class="heading-description">Features Overview</div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card shadow-none mb-0">
                                    <div class="card-body p-0">
                                        <div class="table-responsive border br-7">
                                            <table class="table table-bordered mb-0 border-hidden">
                                                <thead>
                                                    <tr>
                                                        <th class="bg-primary border-white-2 w-20p">
                                                            <span class="avatar bg-white-2 rounded-circle"><i class="ti ti-building text-white tx-24"></i></span>
                                                            <p class="h4 mt-2 mb-0 text-white">Business Starter</p>
                                                            <small class="op-8 text-white">Look professional with a personalised email for your business</small>
                                                        </th>
                                                        <th class="bg-primary border-white-2 w-20p">
                                                            <span class="avatar bg-white-2 rounded-circle"><i class="ti ti-building-community text-white tx-24"></i></span>
                                                            <p class="h4 mt-2 mb-0 text-white">Business Standard</p>
                                                            <small class="op-8 text-white">Get all tools your teams needs to collaborate in real time</small>
                                                        </th>
                                                        <th class="bg-primary border-white-2 w-20p">
                                                            <span class="avatar bg-white-2 rounded-circle"><i class="ti ti-building-skyscraper text-white tx-24"></i></span>
                                                            <p class="h4 mt-2 mb-0 text-white">Business Plus</p>
                                                            <small class="op-8 text-white">Grow as your business expands and collaborate effectively</small>
                                                        </th>
                                                        <th class="bg-primary border-white-2 w-20p">
                                                            <span class="avatar bg-white-2 rounded-circle"><i class="ti ti-diamond text-white tx-24"></i></span>
                                                            <p class="h4 mt-2 mb-0 text-white">Enterprise Plus</p>
                                                            <small class="op-8 text-white">Use intelligent, cloud-based apps to collaborate and manage your team</small>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td class="align-top">
                                                            <h2>$36<span class="tx-14 op-5 ms-1">/acc/month</span></h2>
                                                            <a href="javascript:void(0);" class="btn btn-secondary">Buy Now</a>
                                                        </td>
                                                        <td class="align-top">
                                                            <h2>$58<span class="tx-14 op-5 ms-1">/acc/month</span></h2>
                                                            <a href="javascript:void(0);" class="btn btn-secondary">Buy Now</a>
                                                        </td>
                                                        <td class="align-top">
                                                            <h2>$65<span class="tx-14 op-5 ms-1">/acc/month</span></h2>
                                                            <a href="javascript:void(0);" class="btn btn-secondary">Buy Now</a>
                                                        </td>
                                                        <td class="align-top">
                                                            <h2>$74<span class="tx-14 op-5 ms-1">/acc/month</span></h2>
                                                            <a href="javascript:void(0);" class="btn btn-secondary">Buy Now</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="align-top">
                                                            <h6 class="mb-0">40GB Cloud Storage</h6>
                                                            <img src="../assets/images/icons/26.png" alt="img" width="25">
                                                        </td>
                                                        <td class="align-top">
                                                            <h6 class="mb-0">3TB Cloud Storage</h6>
                                                            <img src="../assets/images/icons/26.png" alt="img" width="25">
                                                        </td>
                                                        <td class="align-top">
                                                            <h6 class="mb-0">7TB Cloud Storage</h6>
                                                            <img src="../assets/images/icons/26.png" alt="img" width="25">
                                                        </td>
                                                        <td class="align-top">
                                                            <h6 class="mb-0">Unlimited Cloud Storage</h6>
                                                            <img src="../assets/images/icons/26.png" alt="img" width="25">
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="align-top">
                                                            <div class="accordion accordion-flush google-accordion" id="accordiongoogleOne">
                                                                <div class="accordion-item">
                                                                    <div class="accordion-header" id="flush-headingOne">
                                                                        <button class="accordion-button p-0 collapsed h6 mb-0" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" aria-expanded="false" aria-controls="google-collapseOne google-collapseTwo google-collapseThree google-collapseFour">
                                                                            Communicate
                                                                            <span class="arrow-icon"><i class="fe fe-chevron-down"></i></span>
                                                                        </button>
                                                                    </div>
                                                                    <div id="google-collapseOne" class="multi-collapse accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordiongoogle">
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/24.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Get secure and personalised email account for your business.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/23.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Keep track of important events and share your schedule.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/34.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Setup HD video with 100 participants to ensure uninterrupted productivity.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/25.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Secure communications tool, built for teams that makes team communication easy and efficient.</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="communicate-icons mt-2">
                                                                        <img src="../assets/images/icons/24.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/23.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/34.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/25.png" class="me-2" alt="img" width="25">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="align-top">
                                                            <div class="accordion accordion-flush google-accordion" id="accordiongoogleTwo">
                                                                <div class="accordion-item">
                                                                    <div class="accordion-header" id="flush-headingTwo">
                                                                        <button class="accordion-button p-0 collapsed h6 mb-0" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" aria-expanded="false" aria-controls="google-collapseOne google-collapseTwo google-collapseThree google-collapseFour">
                                                                            Communicate
                                                                            <span class="arrow-icon"><i class="fe fe-chevron-down"></i></span>
                                                                        </button>
                                                                    </div>
                                                                    <div id="google-collapseTwo" class="multi-collapse accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordiongoogle">
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/24.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Get secure and personalised email account for your business.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/23.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Keep track of important events and share your schedule.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/34.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Setup HD video with 100 participants to ensure uninterrupted productivity.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/25.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Secure communications tool, built for teams that makes team communication easy and efficient.</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="communicate-icons mt-2">
                                                                        <img src="../assets/images/icons/24.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/23.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/34.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/25.png" class="me-2" alt="img" width="25">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="align-top">
                                                            <div class="accordion accordion-flush google-accordion" id="accordiongoogleThree">
                                                                <div class="accordion-item">
                                                                    <div class="accordion-header" id="flush-headingThree">
                                                                        <button class="accordion-button p-0 collapsed h6 mb-0" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" aria-expanded="false" aria-controls="google-collapseOne google-collapseTwo google-collapseThree google-collapseFour">
                                                                            Communicate
                                                                            <span class="arrow-icon"><i class="fe fe-chevron-down"></i></span>
                                                                        </button>
                                                                    </div>
                                                                    <div id="google-collapseThree" class="multi-collapse accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordiongoogle">
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/24.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Get secure and personalised email account for your business.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/23.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Keep track of important events and share your schedule.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/34.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Setup HD video with 100 participants to ensure uninterrupted productivity.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/25.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Secure communications tool, built for teams that makes team communication easy and efficient.</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="communicate-icons mt-2">
                                                                        <img src="../assets/images/icons/24.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/23.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/34.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/25.png" class="me-2" alt="img" width="25">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="align-top">
                                                            <div class="accordion accordion-flush google-accordion" id="accordiongoogleFour">
                                                                <div class="accordion-item">
                                                                    <div class="accordion-header" id="flush-headingFour">
                                                                        <button class="accordion-button p-0 collapsed h6 mb-0" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" aria-expanded="false" aria-controls="google-collapseOne google-collapseTwo google-collapseThree google-collapseFour">
                                                                            Communicate
                                                                            <span class="arrow-icon"><i class="fe fe-chevron-down"></i></span>
                                                                        </button>
                                                                    </div>
                                                                    <div id="google-collapseFour" class="multi-collapse accordion-collapse collapse" aria-labelledby="flush-headingFour" data-bs-parent="#accordiongoogle">
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/24.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Get secure and personalised email account for your business.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/23.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Keep track of important events and share your schedule.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/34.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Setup HD video with 100 participants to ensure uninterrupted productivity.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/25.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Secure communications tool, built for teams that makes team communication easy and efficient.</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="communicate-icons mt-2">
                                                                        <img src="../assets/images/icons/24.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/23.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/34.png" class="me-2" alt="img" width="25">
                                                                        <img src="../assets/images/icons/25.png" class="me-2" alt="img" width="25">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="align-top">
                                                            <div class="accordion accordion-flush google-accordion" id="accordiongoogleFive">
                                                                <div class="accordion-item">
                                                                    <div class="accordion-header" id="google-headingFive">
                                                                        <button class="accordion-button p-0 collapsed h6 mb-0" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse1" aria-expanded="false" aria-controls="google-collapseFive google-collapseSix google-collapseSeven google-collapseEight">
                                                                            Collaborate
                                                                            <span class="arrow-icon"><i class="fe fe-chevron-down"></i></span>
                                                                        </button>
                                                                    </div>
                                                                    <div id="google-collapseFive" class="multi-collapse1 accordion-collapse collapse" aria-labelledby="google-headingFive" data-bs-parent="#accordiongoogle-two">
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/35.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Create and work on documents with images, tables, drawings, charts and more.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/36.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Get valuable insights via spreadsheet data using formulas, charts, connectors and macros.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/37.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Create stunning presentations using templates, embed videos and images.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/38.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Create engaging, high-quality sites for your project.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/39.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Create custom forms for surveys and questionnaires.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/40.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Manage your to-do's, take notes on the go and never lose track of ideas.</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="communicate-icons mt-2">
                                                                        <img src="../assets/images/icons/35.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/36.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/37.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/38.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/39.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/40.png" class="me-1" alt="img" width="25">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="align-top">
                                                            <div class="accordion accordion-flush google-accordion" id="accordiongoogleSix">
                                                                <div class="accordion-item">
                                                                    <div class="accordion-header" id="google-headingSix">
                                                                        <button class="accordion-button p-0 collapsed h6 mb-0" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse1" aria-expanded="false" aria-controls="google-collapseFive google-collapseSix google-collapseSeven google-collapseEight">
                                                                            Collaborate
                                                                            <span class="arrow-icon"><i class="fe fe-chevron-down"></i></span>
                                                                        </button>
                                                                    </div>
                                                                    <div id="google-collapseSix" class="multi-collapse1 accordion-collapse collapse" aria-labelledby="google-headingSix" data-bs-parent="#accordiongoogle-two">
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/35.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Create and work on documents with images, tables, drawings, charts and more.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/36.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Get valuable insights via spreadsheet data using formulas, charts, connectors and macros.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/37.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Create stunning presentations using templates, embed videos and images.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/38.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Create engaging, high-quality sites for your project.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/39.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Create custom forms for surveys and questionnaires.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/40.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Manage your to-do's, take notes on the go and never lose track of ideas.</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="communicate-icons mt-2">
                                                                        <img src="../assets/images/icons/35.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/36.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/37.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/38.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/39.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/40.png" class="me-1" alt="img" width="25">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="align-top">
                                                            <div class="accordion accordion-flush google-accordion" id="accordiongoogleSeven">
                                                                <div class="accordion-item">
                                                                    <div class="accordion-header" id="google-headingSeven">
                                                                        <button class="accordion-button p-0 collapsed h6 mb-0" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse1" aria-expanded="false" aria-controls="google-collapseFive google-collapseSix google-collapseSeven google-collapseEight">
                                                                            Collaborate
                                                                            <span class="arrow-icon"><i class="fe fe-chevron-down"></i></span>
                                                                        </button>
                                                                    </div>
                                                                    <div id="google-collapseSeven" class="multi-collapse1 accordion-collapse collapse" aria-labelledby="google-headingSeven" data-bs-parent="#accordiongoogle-two">
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/35.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Create and work on documents with images, tables, drawings, charts and more.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/36.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Get valuable insights via spreadsheet data using formulas, charts, connectors and macros.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/37.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Create stunning presentations using templates, embed videos and images.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/38.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Create engaging, high-quality sites for your project.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/39.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Create custom forms for surveys and questionnaires.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/40.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Manage your to-do's, take notes on the go and never lose track of ideas.</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="communicate-icons mt-2">
                                                                        <img src="../assets/images/icons/35.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/36.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/37.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/38.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/39.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/40.png" class="me-1" alt="img" width="25">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="align-top">
                                                            <div class="accordion accordion-flush google-accordion" id="accordiongoogleEight">
                                                                <div class="accordion-item">
                                                                    <div class="accordion-header" id="google-headingEight">
                                                                        <button class="accordion-button p-0 collapsed h6 mb-0" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse1" aria-expanded="false" aria-controls="google-collapseFive google-collapseSix google-collapseSeven google-collapseEight">
                                                                            Collaborate
                                                                            <span class="arrow-icon"><i class="fe fe-chevron-down"></i></span>
                                                                        </button>
                                                                    </div>
                                                                    <div id="google-collapseEight" class="multi-collapse1 accordion-collapse collapse" aria-labelledby="google-headingEight" data-bs-parent="#accordiongoogle-two">
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/35.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Create and work on documents with images, tables, drawings, charts and more.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/36.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Get valuable insights via spreadsheet data using formulas, charts, connectors and macros.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/37.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-3">Create stunning presentations using templates, embed videos and images.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/38.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Create engaging, high-quality sites for your project.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/39.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Create custom forms for surveys and questionnaires.</p>
                                                                        </div>
                                                                        <div class="accordion-body d-flex align-items-center px-0">
                                                                            <img src="../assets/images/icons/40.png" alt="img" width="30">
                                                                            <p class="mb-0 ms-4">Manage your to-do's, take notes on the go and never lose track of ideas.</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="communicate-icons mt-2">
                                                                        <img src="../assets/images/icons/35.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/36.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/37.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/38.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/39.png" class="me-1" alt="img" width="25">
                                                                        <img src="../assets/images/icons/40.png" class="me-1" alt="img" width="25">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="align-top">
                                                            <h6>Control</h6>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/41.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Basic security and admin controls.</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0">
                                                                <img src="../assets/images/icons/31.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Standard Endpoint device management for account security</p>
                                                            </div>
                                                        </td>
                                                        <td class="align-top">
                                                            <h6>Control</h6>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/41.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Standard security & Admin controls</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/28.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Smart Search within and outside Google Workspace with Cloud Search.</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0">
                                                                <img src="../assets/images/icons/31.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Standard Endpoint device management for account security</p>
                                                            </div>
                                                        </td>
                                                        <td class="align-top">
                                                            <h6>Control</h6>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/41.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Enhanced security & Admin controls</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/28.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Smart Search within and outside Google Workspace with Cloud Search.</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/29.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Vault for eDiscovery for emails, chats, and files and archiving.</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0">
                                                                <img src="../assets/images/icons/31.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Advanced Endpoint device management for account security</p>
                                                            </div>
                                                        </td>
                                                        <td class="align-top">
                                                            <h6>Control</h6>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/41.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Advanced security and admin controls</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/28.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Smart Search within and outside Google Workspace with Cloud Search.</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/29.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Vault for eDiscovery for emails, chats, and files and archiving.</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0 mb-3">
                                                                <img src="../assets/images/icons/41.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Backup options for Drive and Gmail.</p>
                                                            </div>
                                                            <div class="d-flex align-items-center px-0">
                                                                <img src="../assets/images/icons/31.png" alt="img" width="25">
                                                                <p class="mb-0 ms-3">Enterprise-level Endpoint device management for account security</p>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <div class="d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-primary">Get Started</a>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-primary">Get Started</a>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-primary">Get Started</a>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-grid">
                                                                <a href="javascript:void(0);" class="btn btn-primary">Get Started</a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section blob-bg-sec banner-pd-3">
                    <img src="../assets/images/patterns/18.png" alt="img" class="patterns-5 transform-rotate-180 height-inherit bottom-0 op-1">
                    <img src="../assets/images/patterns/18.png" alt="img" class="patterns-7 height-inherit bottom-0">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-7">
                                <div class="heading-section text-start mb-4">
                                    <div class="heading-title text-white">Best Technical Support 24/7</div>
                                    <div class="heading-description text-white op-8">Support and Guidance</div>
                                </div>
                                <p class="mb-3 op-8">Est amet sit vero sanctus labore no sed ipsum ipsum nonumy. Sit ipsum sanctus ea magna est. Aliquyam sed amet. Kasd diam rebum sit ipsum ipsum erat et kasd, sed et et erat elitr consetetur et aliquyam. Et lorem ipsum Sit ipsum sanctus ea.</p>
                                <p class="tx-20 fw-500">Call Us : <a href="tel:123-789-7854" class="text-white me-1">123-789-7854</a> (Or) <a href="contact-us.php" class="text-white ms-1">Chat Now</a></p>
                                <a href="contact-us.php" class="btn btn-lg btn-secondary">Contact Now</a>
                            </div>
                            <div class="col-lg-5">
                                <div class="text-center mt-5 mt-lg-0">
                                    <img src="../assets/images/png/57.png" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">FAQ'S</span></div>
                            <div class="heading-title">We Are Here To <span class="tx-primary">Help You</span> </div>
                            <div class="heading-description">Browse Through The Most Frequently Asked Questions</div>
                        </div>
                        <div class="accordion accordion-style-1" id="acc-style-1">
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#acc-1" aria-expanded="false" aria-controls="acc-1">
                                        Can I use my existing domain with Google Workspace?
                                    </button>
                                </h2>
                                <div id="acc-1" class="accordion-collapse collapse show" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Yes, you can use an existing domain with your Google Workspace order.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-2" aria-expanded="false" aria-controls="acc-2">
                                        What happens to my existing mail, contacts, and calendar data when I move to Google Workspace?
                                    </button>
                                </h2>
                                <div id="acc-2" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">When switching to Google Workspace from another program or web service, you and your users can bring your existing mail, contacts, and calendar data with you. You have a variety of options for migrating data into Google Workspace, depending on the size of your organization and the system you're migrating from. Tools are available for migration from Microsoft Exchange, Lotus Notes, IMAP servers and other Google accounts.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-3" aria-expanded="false" aria-controls="acc-3">
                                        What is the space provided per Email Account?
                                    </button>
                                </h2>
                                <div id="acc-3" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">
                                        Each email account comes with 30 GB space.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-4" aria-expanded="false" aria-controls="acc-4">
                                        Is Google Workspace compatible with the email client I use today?
                                    </button>
                                </h2>
                                <div id="acc-4" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">
                                        In addition to accessing Google Workspace mail from the Gmail web interface, you can send and receive mail from your favorite desktop client. Depending on the client, you can use either the IMAP or POP mail protocol. If you’re switching to Google Workspace from Microsoft Exchange or some other Outlook service, you can use Google Workspace Sync. This is a plug-in for Outlook 2003, 2007, 2010 or 2013 that lets you use Outlook to manage your Google Workspace mail, calendar and contacts—along with your Outlook notes, tasks and journal entries.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-5" aria-expanded="false" aria-controls="acc-5">
                                        Which Email Clients and protocols are supported?
                                    </button>
                                </h2>
                                <div id="acc-5" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">
                                        You can send and receive emails using any desktop-based email client such as Microsoft Outlook, Outlook Express, Mozilla Thunderbird, Eudora, Entourage 2004, Windows Mail, etc. We also have a guide on how you can configure different email clients to send/receive emails. The enterprise email product supports the POP, IMAP and MAPI protocols.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-6" aria-expanded="false" aria-controls="acc-6">
                                        Which mobile phones can I access my mail from?
                                    </button>
                                </h2>
                                <div id="acc-6" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Your email can be accessed using any Smartphone or Tablet. The Gmail interface is compatible on all major Operating systems such as iOS, Android, Windows Mobile, Symbian and Blackberry.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-7" aria-expanded="false" aria-controls="acc-7">
                                        If I only want one of the products, do I have to buy the entire suite?
                                    </button>
                                </h2>
                                <div id="acc-7" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Yes. Google Workspace is designed as an all-in-one solution with integrated tools that work seamlessly together. For instance, you can receive a message in Gmail and instantly convert it into a Calendar event. When you make a comment in Docs, Sheets or Slides, collaborators automatically receive email alerts. With a single click, you can launch a Hangouts video meeting from your inbox or calendar. Using these tools as a complete package improves productivity while giving your business the most value. However, you are welcome to purchase the suite and only use the services of your choice.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-8" aria-expanded="false" aria-controls="acc-8">
                                        Can I create mailing lists?
                                    </button>
                                </h2>
                                <div id="acc-8" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Yes, you can create mailing lists and add/delete users, select a moderator, restrict people from joining a list or even ban users from a list.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-9" aria-expanded="false" aria-controls="acc-9">
                                        What is your SPAM policy?
                                    </button>
                                </h2>
                                <div id="acc-9" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">When you sign up for a Google Workspace account, you agree not to use the account to send spam, distribute viruses, or otherwise abuse the service. All users on your domain are subject to these agreements, which are part of the Google Workspace Acceptable Use Policy. If Google identifies a Google Workspace user who is violating these agreements, we reserve the right to immediately suspend the user. If the problem is domain-wide, we reserve the right to suspend the entire account and deny administrator access to all the Google Workspace services. In such cases, we send a notification to the registered secondary email address for the domain administrator.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-10" aria-expanded="false" aria-controls="acc-10">
                                        Can I use Auto Responders?
                                    </button>
                                </h2>
                                <div id="acc-10" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Yes, you can. Use Gmail's vacation responder to let people know that you won't be able to get back to them right away. While your vacation responder is turned on, Gmail will send your reply to people who email you.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#acc-11" aria-expanded="false" aria-controls="acc-11">
                                        Can I transfer my existing Google Workspace?
                                    </button>
                                </h2>
                                <div id="acc-11" class="accordion-collapse collapse" data-bs-parent="#acc-style-1">
                                    <div class="accordion-body">Yes. During the transfer, we move all your email accounts from the old provider to us by keeping the data intact. However, your existing tenure with the other provider, if any does not get moved to us. You can click here to initiate the transfer process.</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <!-- END MAIN-CONTENT -->

            <!-- FOOTER -->
            <?php include '../layouts/footer.php'; ?>

            <!-- END FOOTER -->
        </div>
        <!-- END PAGE -->

        <!-- ACCEPT-COOKIE -->
        <?php include '../layouts/accept-cookie.php'; ?>

        <!-- END ACCEPT-COOKIE -->

        <!-- SCRIPTS -->
        <?php include '../layouts/scripts.php'; ?>

        <!-- STICKY JS -->
        <script src="../assets/js/sticky.js"></script>

        <!-- CUSTOM JS -->
        <script src="../assets/js/custom.js"></script>

        <!-- END SCRIPTS -->

    </body>
</html>