import Layout from "../components/layout/Layout"
import Link from "next/link"
import { useState } from "react"
export default function Home() {
    const [isActive, setIsActive] = useState({
        status: false,
        key: 1,
    })

    const handleToggle = (key) => {
        if (isActive.key === key) {
            setIsActive({
                status: false,
            })
        } else {
            setIsActive({
                status: true,
                key,
            })
        }
    }
    return (
        <>
            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
                <section id="faqs-2" className="gr--whitesmoke pb-30 inner-page-hero faqs-section division">
                    <div className="container">
                        <div className="row justify-content-center">
                            <div className="col-lg-11 col-xl-10">
                                {/* INNER PAGE TITLE */}
                                <div className="inner-page-title">
                                    <h2 className="s-52 w-700">Questions &amp; Answers</h2>
                                    <p className="p-lg">Some common questions we get about MERMS</p>
                                </div>
                                {/* QUESTIONS ACCORDION */}
                                <div className="accordion-wrapper">
                                    <ul className="accordion">
                                        {/* QUESTIONS CATEGORY #1 */}
                                        <li  className={isActive.key == 1 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(1)}>
                                            {/* CATEGORY HEADER */}
                                            <div className="accordion-thumb">
                                                <h4 className="s-28 w-700">Getting Started</h4>
                                            </div>
                                            {/* CATEGORY ANSWERS */}
                                            <div className="accordion-panel" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
                                                {/* QUESTION #1 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>1.</span> What is MERMS and how does it work?</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit
                                                            egestas magna ipsum vitae purus congue efficitur and ipsum primis
                                                            in cubilia laoreet augue egestas luctus donec and curabitur dapibus
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #1 */}
                                                {/* QUESTION #2 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>2.</span> What's inside the package?</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit
                                                            egestas and magna ipsum vitae purus and efficitur ipsum primis in
                                                            cubilia laoreet tempor gravida congue laoreet turpis neque auctor
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
                                                            undo lectus laoreet and gestas neque vitae auctor eros dolor luctus
                                                            placerat a magna cursus congue magna impedit ligula congue maecenas
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #2 */}
                                                {/* QUESTION #3 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>3.</span> Which languages does MERMS support?</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <ul className="simple-list">
                                                            <li className="list-item">
                                                                <p>Curabitur ac dapibus libero quisque eu congue tristique
                                                                    neque. Phasellus blandit tristique justo aliquam quisque
                                                                    aliquam vitae and molestie sapien nunc justo, aliquet non
                                                                    molestie purus tempor
                                                                </p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>Sagittis congue augue egestas volutpat egestas magna suscipit
                                                                    egestas magna ipsum undo purus vitae efficitur ipsum primis in
                                                                    cubilia laoreet augue donec egestas luctus curabitur dapibus
                                                                    libero
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>	{/* END QUESTION #3 */}
                                                {/* QUESTION #4 */}
                                                <div className="accordion-panel-item">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>4.</span> Automate testing with API</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum
                                                            purus ipsum primis and augue ultrice ligula egestas suscipit lectus
                                                            gestas integer congue a lectus porta phasellus neque blandit tristique
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #4 */}
                                            </div>	{/* END CATEGORY ANSWERS */}
                                        </li>	{/* END QUESTIONS CATEGORY #1 */}
                                        {/* QUESTIONS CATEGORY #2 */}
                                        <li  className={isActive.key == 2 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(2)}>
                                            {/* CATEGORY HEADER */}
                                            <div className="accordion-thumb">
                                                <h4 className="s-28 w-700">Manage your account</h4>
                                            </div>
                                            {/* CATEGORY ANSWERS */}
                                            <div className="accordion-panel" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
                                                {/* QUESTION #1 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>1.</span> Sign up and manage your account</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <ol className="digit-list">
                                                            <li className="list-item">
                                                                <p>Curabitur ac dapibus libero eu congue tristique neque</p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>Sagittis congue augue egestas volutpat egestas</p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>An aliquam justo suscipit congue augue</p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>Gestas integer congue a lectus porta</p>
                                                            </li>
                                                        </ol>
                                                    </div>
                                                </div>	{/* END QUESTION #1 */}
                                                {/* QUESTION #2 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>2.</span> Manage account settings</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            magna ipsum vitae purus congue and efficitur ipsum primis in cubilia
                                                            laoreet augue egestas luctus donec and curabitur dapibus
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #2 */}
                                                {/* QUESTION #3 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>3.</span> Change language or location settings</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
                                                            lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
                                                            Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
                                                            diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #3 */}
                                                {/* QUESTION #4 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>4.</span> Troubleshoot account issues</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
                                                            ipsum primis and augue ultrice ligula egestas suscipit lectus gestas
                                                            integer congue a lectus porta phasellus neque blandit tristique
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            and magna ipsum vitae
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas and magna suscipit
                                                            egestas magna ipsum vitae efficitur purus congue ipsum primis in
                                                            cubilia laoreet augue egestas luctus donec and curabitur dapibus
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #4 */}
                                                {/* QUESTION #5 */}
                                                <div className="accordion-panel-item">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>5.</span> Manage accessibility settings</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
                                                            lectus laoreet at gestas neque cubilia vitae auctor eros dolor luctus
                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
                                                            Quisque vel laoreet turpis augue
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            and magna ipsum and vitae purus efficitur ipsum primis in cubilia
                                                            laoreet tempor gravida sapien cursus congue magna purus quaerat
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #5 */}
                                            </div>	{/* END CATEGORY ANSWERS */}
                                        </li>	{/* END QUESTIONS CATEGORY #2 */}
                                        {/* QUESTIONS CATEGORY #3 */}
                                        <li  className={isActive.key == 3 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(3)}>
                                            {/* CATEGORY HEADER */}
                                            <div className="accordion-thumb">
                                                <h4 className="s-28 w-700">Purchase and License</h4>
                                            </div>
                                            {/* CATEGORY ANSWERS */}
                                            <div className="accordion-panel" style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
                                                {/* QUESTION #1 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>1.</span> How much does MERMS cost?</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum
                                                            purus ipsum primis and augue ultrice ligula egestas suscipit lectus
                                                            gestas integer congue a lectus porta phasellus neque blandit tristique
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #1 */}
                                                {/* QUESTION #2 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>2.</span> Do you offer discounts for annual plans?</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            and magna ipsum vitae
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas and magna suscipit egestas
                                                            magna ipsum vitae purus congue efficitur ipsum primis in cubilia laoreet
                                                            augue egestas luctus donec and curabitur dapibus
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #2 */}
                                                {/* QUESTION #3 */}
                                                <div className="accordion-panel-item">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>3.</span> I didn't receive the license key after purchased</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <ul className="simple-list">
                                                            <li className="list-item">
                                                                <p>Curabitur ac dapibus libero. Quisque eu congue tristique neque
                                                                    phasellus blandit tristique justo aliquam. Aliquam vitae undo
                                                                    molestie nunc. Quisque sapien justo, aliquet non molestie purus
                                                                    tempor
                                                                </p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>Sagittis congue augue egestas volutpat egestas magna suscipit
                                                                    egestas magna ipsum vitae purus undo efficitur ipsum primis in
                                                                    cubilia laoreet augue egestas luctus donec curabitur dapibus libero
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>	{/* END QUESTION #3 */}
                                                {/* QUESTION #4 */}
                                                <div className="accordion-panel-item">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>4.</span> I can't activate MERMS</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
                                                            laoreet gestas neque pulvinar vitae auctor eros dolor luctus placerat a
                                                            magna cursus congue magna nihil mpedit ligula congue. Maecenas gravida
                                                            porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
                                                            turpis. Viverra augue augue eget, dictum tempor diam. Sed pulvinar a
                                                            consectetur nibh, imperdiet varius viverra
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
                                                            tempor gravida
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #4 */}
                                                {/* QUESTION #5 */}
                                                <div className="accordion-panel-item">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>5.</span> How to request a refund?</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <ul className="simple-list">
                                                            <li className="list-item">
                                                                <p>Curabitur ac dapibus libero. Quisque eu congue tristique</p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>Congue tristique neque phasellus blandit tristique justo undo
                                                                    aliquam aliquam vitae molestie quisque sapien justo, aliquet non
                                                                    molestie purus tempor
                                                                </p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>Sagittis congue augue egestas volutpat egestas magna suscipit
                                                                    egestas magna ipsum
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>	{/* END QUESTION #5 */}
                                            </div>	{/* END CATEGORY ANSWERS */}
                                        </li>	{/* END QUESTIONS CATEGORY #3 */}
                                        {/* QUESTIONS CATEGORY #4 */}
                                        <li  className={isActive.key == 4 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(4)}>
                                            {/* CATEGORY HEADER */}
                                            <div className="accordion-thumb">
                                                <h4 className="s-28 w-700">Policy, Safety &amp; Copyright</h4>
                                            </div>
                                            {/* CATEGORY ANSWERS */}
                                            <div className="accordion-panel" style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
                                                {/* QUESTION #1 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>1.</span> Copyright and rights management</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
                                                            lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
                                                            Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
                                                            diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #1 */}
                                                {/* QUESTION #2 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>2.</span> Manage privacy settings</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            magna ipsum vitae purus congue efficitur ipsum and primis undo cubilia
                                                            a laoreet augue egestas luctus donec and curabitur dapibus
                                                        </p>
                                                        {/* Text */}
                                                        <ol className="digit-list">
                                                            <li className="list-item">
                                                                <p>Gestas integer congue a lectus porta</p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>An aliquam justo suscipit congue augue</p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>Sagittis congue augue egestas volutpat egestas</p>
                                                            </li>
                                                        </ol>
                                                    </div>
                                                </div>	{/* END QUESTION #2 */}
                                                {/* QUESTION #3 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>3.</span> Change your subscription privacy settings</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
                                                            lectus laoreet and gestas neque vitae auctor eros dolor luctus placerat
                                                            a magna cursus congue magna nihil mpedit ligula congue maecenas undo
                                                            gravida porttitor nunc, quis vehicula magna luctus tempor. Quisque
                                                            vel laoreet turpis augue
                                                        </p>
                                                        {/* Text */}
                                                        <ul className="simple-list">
                                                            <li className="list-item">
                                                                <p>Congue tristique neque phasellus blandit tristique justo
                                                                    undo aliquam aliquam vitae molestie quisque and sapien justo,
                                                                    aliquet non molestie purus tempor
                                                                </p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>Sagittis congue augue egestas volutpat egestas magna suscipit
                                                                    egestas magna ipsum
                                                                </p>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>	{/* END QUESTION #3 */}
                                                {/* QUESTION #4 */}
                                                <div className="accordion-panel-item">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>4.</span> Protecting your identity</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
                                                            lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
                                                            Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
                                                            diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            and magna ipsum vitae purus and efficitur ipsum primis in cubilia
                                                            laoreet tempor gravida
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #4 */}
                                            </div>	{/* END CATEGORY ANSWERS */}
                                        </li>	{/* END QUESTIONS CATEGORY #4 */}
                                        {/* QUESTIONS CATEGORY #5 */}
                                        <li  className={isActive.key == 5 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(5)}>
                                            {/* CATEGORY HEADER */}
                                            <div className="accordion-thumb">
                                                <h4 className="s-28 w-700">Other Questions</h4>
                                            </div>
                                            {/* CATEGORY ANSWERS */}
                                            <div className="accordion-panel" style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
                                                {/* QUESTION #1 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>1.</span> How do I get the error log?</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            and magna ipsum vitae
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas and magna suscipit
                                                            egestas and magna ipsum vitae purus congue efficitur ipsum primis
                                                            in cubilia laoreet augue egestas luctus donec and curabitur dapibus
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #1 */}
                                                {/* QUESTION #2 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>2.</span> I forgot my folder password, what should I do?</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            magna ipsum vitae purus congue efficitur ipsum and primis in cubilia
                                                            laoreet augue egestas luctus donec and curabitur dapibus
                                                        </p>
                                                        {/* Text */}
                                                        <ol className="digit-list">
                                                            <li className="list-item">
                                                                <p>Gestas integer congue a lectus porta</p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>An aliquam justo suscipit congue augue</p>
                                                            </li>
                                                            <li className="list-item">
                                                                <p>Sagittis congue augue egestas volutpat egestas</p>
                                                            </li>
                                                        </ol>
                                                    </div>
                                                </div>	{/* END QUESTION #2 */}
                                                {/* QUESTION #3 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>3.</span> Limitations of folder password protection</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
                                                            lectus laoreet gestas neque pulvinar vitae auctor eros dolor luctus
                                                            placerat a magna cursus congue magna nihil mpedit ligula congue.
                                                            Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor.
                                                            Quisque vel laoreet turpis. Viverra augue augue eget, dictum tempor
                                                            diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #3 */}
                                                {/* QUESTION #4 */}
                                                <div className="accordion-panel-item mb-35">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>4.</span> Import existing library</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>Sapien egestas, congue gestas posuere cubilia congue an ipsum mauris
                                                            lectus laoreet gestas neque vitae auctor eros dolor luctus placerat a
                                                            magna cursus congue magna nihil mpedit ligula congue gravida tempor
                                                            porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
                                                            turpis augue
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
                                                            tempor gravida
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #4 */}
                                                {/* QUESTION #5 */}
                                                <div className="accordion-panel-item">
                                                    {/* Question */}
                                                    <div className="faqs-2-question">
                                                        <h5 className="s-22 w-700"><span>5.</span> I lost my license. Can you send it to me?</h5>
                                                    </div>
                                                    {/* Answer */}
                                                    <div className="faqs-2-answer color--grey">
                                                        {/* Text */}
                                                        <p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
                                                            ipsum primis augue ultrice ligula egestas suscipit lectus gestas integer
                                                            congue a lectus porta phasellus neque blandit tristique
                                                        </p>
                                                        {/* Text */}
                                                        <p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
                                                            and magna ipsum vitae
                                                        </p>
                                                    </div>
                                                </div>	{/* END QUESTION #5 */}
                                            </div>	{/* END CATEGORY ANSWERS */}
                                        </li>	{/* END QUESTIONS CATEGORY #5 */}
                                    </ul>
                                </div>	{/* END QUESTIONS ACCORDION */}
                                {/* MORE QUESTIONS LINK */}
                                <div className="more-questions">
                                    <div className="more-questions-txt bg--white-400 r-100">
                                        <p className="p-lg">Have any questions? <Link href="/contacts" className="color--theme">Get in Touch</Link></p>
                                    </div>
                                </div>
                            </div>
                        </div>    {/* End row */}
                    </div>	   {/* End container */}
                </section>

            </Layout>
        </>
    )
}