@php

    use App\Models\Bot;

    $page_title = 'Terms of Service';
    $short_description =
        'Prior to availing any of our services, we kindly request that you review and acknowledge our Acceptable Use Terms of Service. Your utilization of our services constitutes your agreement to abide by the terms and conditions outlined therein. We appreciate your understanding and compliance.';

@endphp

{{-- layout --}}
@extends('templates.' . site('template') . '.layouts.front')

@section('css')
@endsection


@section('contents')
    {{-- hero section  --}}
    <section class="pt-8 md:pt-20 px-6">
        <div class="max-w-7xl mx-auto   relative">

            <div class="absolute -left-72 -top-28 p-40 bg-[#552481]/50 rounded-full blur-3xl hidden lg:block -z-10"></div>
            <div class="absolute -right-20 -top-28 p-40 md:p-40 bg-[#552481]/50 rounded-full blur-3xl hidden lg:block -z-10">
            </div>
            <div
                class="absolute left-40 md:left-96 -top-60 p-40 bg-[#1f4470]/50 rounded-full blur-3xl hidden lg:block -z-10">
            </div>
            <div
                class="absolute left-40 md:left-96 -bottom-40 p-40 bg-[#1f4470]/50 rounded-full blur-3xl hidden lg:block -z-10">
            </div>
            <!-- Text Content -->
            <div class="flex flex-col justify-center text-center h-full">
                <h1
                    class="max-w-lg mx-auto text-3xl md:text-5xl font-bold py-1 text-transparent bg-clip-text bg-gradient-to-r from-[#5823c1] via-[#ff8ac7] to-[#feba7f]">
                    Terms Of Service
                </h1>
                <p class="text-[#afb3ca] my-8 text-sm md:text-lg md:max-w-5xl mx-auto">
                    Prior to availing any of our services, we kindly request that you review and acknowledge our Acceptable
                    Use Terms of Service. Your utilization of our services constitutes your agreement to abide by the terms
                    and conditions outlined therein.
                </p>

            </div>

        </div>
    </section>

    {{-- terms section  --}}
    <section class="w-full mb-10 relative">
        <!-- Desktop Only -->
        <div class="absolute left-72 -top-28 p-40 bg-[#552481]/50 rounded-full blur-3xl hidden lg:block -z-10"></div>
        <div class="absolute right-40 -top-28 p-40 md:p-80 bg-[#552481]/50 rounded-full blur-3xl hidden lg:block -z-10">
        </div>
        <div class="absolute left-40 md:left-96 -top-60 p-40 bg-[#1f4470]/50 rounded-full blur-3xl hidden lg:block -z-10">
        </div>
        <div
            class="absolute left-40 md:left-96 -bottom-40 p-40 bg-[#1f4470]/50 rounded-full blur-3xl hidden lg:block -z-10">
        </div>

        <!-- Mobile & Tablet Only -->
        <div class="absolute left-10 top-10 p-20 bg-[#552481]/50 rounded-full blur-3xl lg:hidden -z-10"></div>
        <div class="absolute right-10 top-10 p-20 md:p-40 bg-[#552481]/50 rounded-full blur-3xl lg:hidden -z-10"></div>
        <div class="absolute left-10 md:left-40 top-20 p-20 bg-[#1f4470]/50 rounded-full blur-3xl lg:hidden -z-10"></div>
        <div class="absolute left-10 md:left-40 bottom-10 p-20 bg-[#1f4470]/50 rounded-full blur-3xl lg:hidden -z-10"></div>

        <div class="w-[90%] mx-auto py-10">
            <div class="max-w-screen-lg mx-auto relative">
                <div class="absolute -left-72 -bottom-28 p-40 bg-[#552481]/50 rounded-full blur-3xl hidden lg:block -z-10">
                </div>
                <div
                    class="absolute -right-20 -bottom-28 p-40 md:p-40 bg-[#552481]/50 rounded-full blur-3xl hidden lg:block -z-10">
                </div>
                <ul
                    class="w-full bg-gradient-to-r from-white/10 to-white/5 backdrop-blur-xl border border-white/10 rounded-2xl p-6">
                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Acceptance of Terms</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">
                                        Welcome to {{ site('name') }}! By accessing or using our
                                        services, including but
                                        not limited to our website,
                                        trading platform, and any associated software or applications (collectively referred
                                        to as the
                                        "Services"), you agree to be bound by these Terms of Service ("Terms"). If you do
                                        not agree to these
                                        Terms, please do not use our Services.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Description of
                                    Services</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">{{ site('name') }} provides a trading platform that utilizes
                                        advanced AI technology to analyze market trends
                                        and execute trades. Our Services are designed to facilitate trading activities, and
                                        we do not
                                        provide financial advice. You are solely responsible for your trading decisions.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Eligibility</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">You must be at least 18 years old and have the legal capacity
                                        to
                                        enter into this agreement to use
                                        our Services. By using our Services, you represent and warrant that you meet these
                                        eligibility
                                        criteria.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Registration and Account
                                    Security</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">To access certain features of our Services, you may need to
                                        register for an account. You agree to
                                        provide accurate, current, and complete information during the registration process
                                        and to keep your
                                        account information updated. You are responsible for maintaining the confidentiality
                                        of your account
                                        credentials and for all activities that occur under your account. You must
                                        immediately notify us of
                                        any unauthorized use of your account.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Privacy Policy</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">Your use of our Services is also governed by our Privacy
                                        Policy.
                                        Please review our Privacy Policy to
                                        understand how we collect, use, and protect your personal information.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Prohibited
                                    Activities</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca] mb-3">You agree not to engage in any of the following
                                        prohibited
                                        activities while using our Services:</p>
                                    <p class="text-[#afb3ca]">
                                    <ul class="list-disc text-sm text-[#afb3ca]"
                                        style="list-style-type: disc; padding:0px 30px;">
                                        <li>Violating any applicable laws or regulations.</li>
                                        <li>Impersonating any person or entity or providing false information.</li>
                                        <li>Attempting to gain unauthorized access to our Services or computer systems.</li>
                                        <li>Interfering with the proper functioning of our Services.</li>
                                        <li>Engaging in any activity that could harm, disable, or overburden our
                                            infrastructure.</li>
                                    </ul>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Termination of
                                    Services</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]"> We reserve the right to terminate or suspend your access to
                                        our
                                        Services at our discretion, without
                                        notice, for any reason, including if we believe you have violated these Terms. You
                                        may also
                                        terminate your account at any time by discontinuing use of our Services.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Disclaimer of
                                    Warranties</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">Our Services are provided "as is" and "as available" without
                                        warranties of any kind, either express
                                        or implied. We do not guarantee the accuracy, reliability, or availability of our
                                        Services or the
                                        results obtained through their use. You use our Services at your own risk.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Limitation of
                                    Liability</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">To the fullest extent permitted by applicable law,
                                        {{ site('name') }} and its affiliates, officers,
                                        directors, employees, and agents shall not be liable for any indirect, incidental,
                                        special,
                                        consequential, or punitive damages, or any loss of profits or revenues, whether
                                        incurred directly or
                                        indirectly, or any loss of data, use, goodwill, or other intangible losses,
                                        resulting from:
                                    <ol class="text-[#afb3ca] text-sm"
                                        style="list-style-type: lower-alpha; padding:10px 30px;">
                                        <li>your use or inability to use our Services,</li>
                                        <li>any unauthorized access to or use of our servers and/or any personal information
                                            stored therein, </li>
                                        <li>any interruption or cessation of our Services,</li>
                                        <li>any bugs, viruses, or other harmful code that may be transmitted to or through
                                            our Services, or</li>
                                        <li>any errors, inaccuracies, omissions, or any other aspect of our Services.</li>
                                    </ol>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Intellectual
                                    Property</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">All content included in or made available through our
                                        Services,
                                        including text, graphics, logos,
                                        button icons, images, audio clips, digital downloads, and data compilations, is the
                                        property of
                                        {{ site('name') }} or its content suppliers and is protected by United States and
                                        international copyright
                                        laws.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Changes to Terms</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">We reserve the right to modify or revise these Terms at any
                                        time.
                                        The most current version of these
                                        Terms will be posted on our website. Your continued use of our Services following
                                        the posting of any
                                        changes constitutes your acceptance of those changes.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Governing Law</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">These Terms are governed by and construed in accordance with
                                        the
                                        laws of the State of
                                        {{ site('country') }}, without regard to its conflict of law principles.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Contact Information</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">If you have any questions about these Terms or our Services,
                                        please contact us at
                                        {{ site('email') }}.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">User
                                    Responsibilities</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">As a user of {{ site('name') }}'s Services, you agree to:
                                    </p>
                                    <p class="text-[#afb3ca]">
                                    <ul class="list-disc text-sm text-[#afb3ca]"
                                        style="list-style-type: disc; padding:0px 30px;">
                                        <li>Comply with all applicable laws and regulations related to trading and financial
                                            transactions.</li>
                                        <li>Keep your account information, including passwords, secure and confidential.
                                        </li>
                                        <li>Use our Services only for lawful purposes.</li>
                                        <li>Refrain from attempting to disrupt or interfere with the proper functioning of
                                            our Services.</li>
                                        <li>Report any security breaches or unauthorized access to our Services promptly.
                                        </li>
                                    </ul>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Account Suspension and
                                    Termination</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">{{ site('name') }} reserves the right to suspend or
                                        terminate
                                        user accounts for violations of these Terms or
                                        for any other reason, at its sole discretion.</p>
                                    <p class="text-[#afb3ca]"></p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Third-Party Links and
                                    Services</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">Our Services may contain links to third-party websites or
                                        services. {{ site('name') }} does not endorse or
                                        control these third-party websites or services and is not responsible for their
                                        content or
                                        practices. Use of third-party websites or services is at your own risk.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Indemnification</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">You agree to indemnify and hold {{ site('name') }}, its
                                        affiliates, officers, directors, employees, and
                                        agents harmless from any claims, losses, damages, liabilities, and expenses
                                        (including attorney's
                                        fees) arising from or related to your use of our Services or violation of these
                                        Terms.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Dispute Resolution</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">Any disputes arising from or relating to these Terms or your
                                        use
                                        of our Services shall be resolved
                                        through arbitration in accordance with the rules of the {{ site('country') }}
                                        Arbitration
                                        Association. The arbitration shall take place in {{ site('city') }},
                                        {{ site('state') }}, and the
                                        decision of the arbitrator shall be final and binding.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Entire Agreement</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">These Terms constitute the entire agreement between you and
                                        {{ site('name') }} with respect to the subject
                                        matter hereof and supersedes all prior or contemporaneous communications and
                                        proposals, whether oral
                                        or written, between the parties.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Assignment</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">You may not assign or transfer these Terms, in whole or in
                                        part,
                                        without the prior written consent
                                        of {{ site('name') }}. {{ site('name') }} may freely assign these Terms without
                                        restriction.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Waiver and
                                    Severability</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">The failure of {{ site('name') }} to enforce any right or
                                        provision of these Terms shall not constitute a
                                        waiver of such right or provision. If any provision of these Terms is found by a
                                        court of competent
                                        jurisdiction to be invalid, the parties nevertheless agree that the court should
                                        endeavor to give
                                        effect to the parties' intentions as reflected in the provision, and the other
                                        provisions of these
                                        Terms remain in full force and effect.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">No Third-Party
                                    Beneficiaries</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">These Terms do not create any third-party beneficiary rights.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="mb-5" x-data="{
                        expanded: false,
                        showAdd: false,
                    }">
                        <div class="border-[#09C241]/20 border-opacity-15"
                            x-bind:class="expanded ? 'border-0' : 'border-b'">
                            <p class="text-lg flex justify-between items-center mb-6"
                                x-on:click="expanded = !expanded; showAdd = !showAdd">
                                <span x-bind:class="expanded ? 'text-white' : 'text-[#afb3ca]'">Contact Us</span>
                                <img x-bind:src="showAdd ?
                                    '{{ asset('/assets/templates/trello/images/minus-icon.svg') }}' :
                                    '{{ asset('/assets/templates/trello/images/plus-icon.svg') }}'"
                                    alt="icon" class="w-6 h-6">
                            </p>
                            <div class="w-full pl-4" x-cloak x-transition x-show="expanded">
                                <div class="w-full border-l-4 border-[#f272d5] px-6 py-4 bg-white/5 rounded-r-lg">
                                    <p class="text-[#afb3ca]">If you have any questions or concerns about these Terms,
                                        please
                                        contact us at {{ site('email') }}.</p>
                                </div>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </section>


    <div
        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-14  mb-14 bg-gradient-to-r from-white/5 to-white/10 py-2 md:py-4">
        <!-- Column 1 -->
        <div class="flex flex-col gap-4">
            <div class="text-white font-semibold text-4xl md:text-5xl text-center">
                3.5K+
                <span class="text-white block text-lg mt-2 md:mt-4">Users</span>
            </div>
        </div>
        <!-- Column 2 -->
        <div class="flex flex-col gap-4">
            <div class="text-white font-semibold text-4xl md:text-5xl text-center">
                USD5.5M+
                <span class="text-white block text-lg mt-2 md:mt-4">Deposits</span>
            </div>
        </div>
        <!-- Column 3 -->
        <div class="flex flex-col gap-4">
            <div class="text-white font-semibold text-4xl md:text-5xl text-center">
                USD10.2M+
                <span class="text-white block text-lg mt-2 md:mt-4">Withdrawals</span>
            </div>
        </div>
        <!-- Column 4 -->
        <div class="flex flex-col gap-4">
            <div class="text-white font-semibold text-4xl md:text-5xl text-center">
                200+
                <span class="text-white block text-lg mt-2 md:mt-4">Countries Supported</span>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
@endsection
