<div class="w-full p-5 mb-5 ts-gray-2 rounded-lg transition-all rescron-card" id="getting-started">
    <h3 class="capitalize  font-extrabold "><span class="border-b-2">Getting Started</span>
    </h3>


    <div class="w-full">
        <div class="grid grid-cols-1 gap-3 mt-5">
            <div class="flex items-center justify-center mb-3">
                <div class="text-center p-2 rounded-lg border border-slate-800 hover:border-slate-600">
                    <div class="w-56 h-12" style="background: url({{ asset('assets/images/binance.png') }}); background-size: cover; background-position: center">

                    </div>
                    <span class="font-mono uppercase">Binance Integration $2,500</span>
                </div>
            </div>
            <p>Thank you for purchasing the license to use Rescron Ai. Please read the information from below carefully.
            </p>

            <div class="text-xs ts-gray-1 font-mono text-gray-500 p-3 rounded-lg">
                <div class="flex  space-x-2 items-center mb-3">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-orange-500" fill="currentColor"
                            class="bi bi-info-circle" viewBox="0 0 16 16">
                            <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                            <path
                                d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
                        </svg>
                    </div>
                    <p>
                        This software does not place any real trades on any exchanges. if you would like to <span
                            class="underline text-orange-500">Integrate with Binance</span> and let the bot place real
                        trade and make profit, this will cost additional $2,500.
                    </p>

                </div>


                <div class="flex  space-x-2 items-center mb-3">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-orange-500" fill="currentColor"
                            class="bi bi-info-circle" viewBox="0 0 16 16">
                            <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                            <path
                                d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
                        </svg>
                    </div>

                    <p>
                        Informations displayed in the trading history, are actual market data with 100% accuracy
                        compared to information available on Binance, Kucoin and Tradingview.
                    </p>

                </div>

                <div class="flex  space-x-2 items-center mb-3">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-orange-500" fill="currentColor"
                        class="bi bi-info-circle" viewBox="0 0 16 16">
                        <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                        <path
                            d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
                    </svg>
                    <p>
                        Documentation for Rescron Ai can be found on <a href="https://rescron.com/documentation" target="_blank"
                            class="underline text-orange-500">rescron.com/documentation</a>
                    </p>

                </div>

                <div class="flex  space-x-2 items-center mb-3">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-orange-500" fill="currentColor"
                            class="bi bi-info-circle" viewBox="0 0 16 16">
                            <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                            <path
                                d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
                        </svg>
                    </div>
                    <p>
                        All times displayed has been converted to the users local time as gotten from the browser. The
                        server mechanics uses UTC while the UI mechanics uses the user's timezone.
                    </p>

                </div>

            </div>

        </div>


    </div>

</div>
