@extends('layouts.app')

@section('content')
    @include('layouts.navbars.auth.topnav-auth', [
        'classes' => 'top-0 z-index-3 w-100 shadow-none my-3 navbar-transparent mt-4',
        'container' => 'container',
        'text' => 'text-white',
        'arrow' => '/assets/img/down-arrow-white.svg',
    ])
    <div class="page-header position-relative" style="background-image: url('../../assets/img/pricing-header-bg.jpg');
        background-size: cover;">
        <span class="mask bg-gradient-primary opacity-6"></span>
        <div class="container pb-lg-9 pb-10 pt-7 postion-relative z-index-2">
            <div class="row mt-4">
                <div class="col-md-6 mx-auto text-center">
                    <h3 class="text-white">See our pricing</h3>
                    <p class="text-white">You have Free Unlimited Updates and Premium Support on each package.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-7 mx-auto text-center">
                    <div class="nav-wrapper mt-5 position-relative z-index-2">
                        <ul class="nav nav-pills nav-fill flex-row p-1" id="tabs-pricing" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link mb-0 active" id="tabs-iconpricing-tab-1" data-bs-toggle="tab"
                                    href="#monthly" role="tab" aria-controls="monthly" aria-selected="true">
                                    Monthly
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link mb-0" id="tabs-iconpricing-tab-2" data-bs-toggle="tab" href="#annual"
                                    role="tab" aria-controls="annual" aria-selected="false">
                                    Annual
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mt-n8">
        <div class="container">
            <div class="tab-content tab-space">
                <div class="tab-pane active" id="monthly">
                    <div class="row">
                        <div class="col-lg-4 mb-lg-0 mb-4">
                            <div class="card">
                                <div class="card-header text-center pt-4 pb-3">
                                    <span class="text-uppercase font-weight-bold text-dark">Starter</span>
                                    <h1 class="font-weight-bold mt-2">
                                        <small>$</small>59
                                    </h1>
                                </div>
                                <div class="card-body text-lg-start text-center pt-0">
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">2 team members</span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">20GB Cloud storage </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Integration help </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Sketch Files </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">API Access </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Complete documentation </span>
                                        </div>
                                    </div>
                                    <a href="javascript:;" class="btn btn-icon btn-dark d-lg-block mt-3 mb-0">
                                        Join
                                        <i class="fas fa-arrow-right ms-1"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-4">
                            <div class="card">
                                <div class="card-header text-center pt-4 pb-3">
                                    <span class="text-uppercase font-weight-bold text-dark">Premium</span>
                                    <h1 class="font-weight-bold mt-2">
                                        <small>$</small>89
                                    </h1>
                                </div>
                                <div class="card-body text-lg-start text-center pt-0">
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">10 team members</span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">40GB Cloud storage </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Integration help </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Sketch Files </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">API Access </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Complete documentation </span>
                                        </div>
                                    </div>
                                    <a href="javascript:;" class="btn btn-icon btn-primary d-lg-block mt-3 mb-0">
                                        Try Premium
                                        <i class="fas fa-arrow-right ms-1"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-4">
                            <div class="card">
                                <div class="card-header text-center pt-4 pb-3">
                                    <span class="text-uppercase font-weight-bold text-dark">Enterprise</span>
                                    <h1 class="font-weight-bold mt-2">
                                        <small>$</small>99
                                    </h1>
                                </div>
                                <div class="card-body text-lg-start text-center pt-0">
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Unlimited team members</span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">100GB Cloud storage </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Integration help </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Sketch Files </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">API Access </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Complete documentation </span>
                                        </div>
                                    </div>
                                    <a href="javascript:;" class="btn btn-icon btn-dark d-lg-block mt-3 mb-0">
                                        Join
                                        <i class="fas fa-arrow-right ms-1"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="annual">
                    <div class="row">
                        <div class="col-lg-4 mb-lg-0 mb-4">
                            <div class="card">
                                <div class="card-header text-center pt-4 pb-3">
                                    <span class="text-uppercase font-weight-bold text-dark">Starter</span>
                                    <h1 class="font-weight-bold mt-2">
                                        <small>$</small>119
                                    </h1>
                                </div>
                                <div class="card-body text-lg-start text-center pt-0">
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">2 team members</span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">20GB Cloud storage </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Integration help </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Sketch Files </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">API Access </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Complete documentation </span>
                                        </div>
                                    </div>
                                    <a href="javascript:;" class="btn btn-icon btn-dark d-lg-block mt-3 mb-0">
                                        Join
                                        <i class="fas fa-arrow-right ms-1"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-4">
                            <div class="card">
                                <div class="card-header text-center pt-4 pb-3">
                                    <span class="text-uppercase font-weight-bold text-dark">Premium</span>
                                    <h1 class="font-weight-bold mt-2">
                                        <small>$</small>159
                                    </h1>
                                </div>
                                <div class="card-body text-lg-start text-center pt-0">
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">10 team members</span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">40GB Cloud storage </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Integration help </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Sketch Files </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">API Access </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-secondary shadow text-center">
                                            <i class="fas fa-minus"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Complete documentation </span>
                                        </div>
                                    </div>
                                    <a href="javascript:;" class="btn btn-icon btn-primary d-lg-block mt-3 mb-0">
                                        Try Premium
                                        <i class="fas fa-arrow-right ms-1"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-4">
                            <div class="card">
                                <div class="card-header text-center pt-4 pb-3">
                                    <span class="text-uppercase font-weight-bold text-dark">Enterprise</span>
                                    <h1 class="font-weight-bold mt-2">
                                        <small>$</small>399
                                    </h1>
                                </div>
                                <div class="card-body text-lg-start text-center pt-0">
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Unlimited team members</span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">100GB Cloud storage </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Integration help </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Sketch Files </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">API Access </span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-lg-start justify-content-center p-2">
                                        <div
                                            class="icon icon-shape icon-xs rounded-circle bg-gradient-success shadow text-center">
                                            <i class="fas fa-check opacity-10"></i>
                                        </div>
                                        <div>
                                            <span class="ps-3">Complete documentation </span>
                                        </div>
                                    </div>
                                    <a href="javascript:;" class="btn btn-icon btn-dark d-lg-block mt-3 mb-0">
                                        Join
                                        <i class="fas fa-arrow-right ms-1"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container my-6">
        <div class="row">
            <div class="col-8 mx-auto text-center">
                <h6 class="opacity-5"> More than 50+ brands trust Soft</h6>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-lg-2 col-md-4 col-6 mb-4">
                <img class="w-100 opacity-9" src="../../assets/img/logos/gray-logos/logo-coinbase.svg" alt="logo_coinbase">
            </div>
            <div class="col-lg-2 col-md-4 col-6 mb-4">
                <img class="w-100 opacity-9" src="../../assets/img/logos/gray-logos/logo-nasa.svg" alt="logo_nasa">
            </div>
            <div class="col-lg-2 col-md-4 col-6 mb-4">
                <img class="w-100 opacity-9" src="../../assets/img/logos/gray-logos/logo-netflix.svg" alt="logo_netflix">
            </div>
            <div class="col-lg-2 col-md-4 col-6 mb-4">
                <img class="w-100 opacity-9" src="../../assets/img/logos/gray-logos/logo-pinterest.svg"
                    alt="logo_pinterest">
            </div>
            <div class="col-lg-2 col-md-4 col-6 mb-4">
                <img class="w-100 opacity-9" src="../../assets/img/logos/gray-logos/logo-spotify.svg" alt="logo_spotify">
            </div>
            <div class="col-lg-2 col-md-4 col-6 mb-4">
                <img class="w-100 opacity-9" src="../../assets/img/logos/gray-logos/logo-vodafone.svg" alt="logo_vodafone">
            </div>
        </div>
        <div class="row mt-8">
            <div class="col-md-6 mx-auto text-center">
                <h2>Frequently Asked Questions</h2>
                <p>A lot of people don&#39;t appreciate the moment until it’s passed. I&#39;m not trying my hardest, and
                    I&#39;m not trying to do </p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 mx-auto">
                <div class="accordion" id="accordionRental">
                    <div class="accordion-item mb-3">
                        <h5 class="accordion-header" id="headingOne">
                            <button class="accordion-button border-bottom font-weight-bold" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true"
                                aria-controls="collapseOne">
                                How do I order?
                                <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3"></i>
                                <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3"></i>
                            </button>
                        </h5>
                        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                            data-bs-parent="#accordionRental">
                            <div class="accordion-body text-sm opacity-8">
                                We’re not always in the position that we want to be at. We’re constantly growing. We’re
                                constantly making mistakes. We’re constantly trying to express ourselves and actualize our
                                dreams. If you have the opportunity to play this game
                                of life you need to appreciate every moment. A lot of people don’t appreciate the moment
                                until it’s passed.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item mb-3">
                        <h5 class="accordion-header" id="headingTwo">
                            <button class="accordion-button border-bottom font-weight-bold" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false"
                                aria-controls="collapseTwo">
                                How can i make the payment?
                                <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3"></i>
                                <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3"></i>
                            </button>
                        </h5>
                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                            data-bs-parent="#accordionRental">
                            <div class="accordion-body text-sm opacity-8">
                                It really matters and then like it really doesn’t matter. What matters is the people who are
                                sparked by it. And the people who are like offended by it, it doesn’t matter. Because
                                it&#39;s about motivating the doers. Because I’m here to follow my dreams and inspire other
                                people to follow their dreams, too.
                                <br>
                                We’re not always in the position that we want to be at. We’re constantly growing. We’re
                                constantly making mistakes. We’re constantly trying to express ourselves and actualize our
                                dreams. If you have the opportunity to play this game of life you need to appreciate every
                                moment. A lot of people don’t appreciate the moment until it’s passed.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item mb-3">
                        <h5 class="accordion-header" id="headingThree">
                            <button class="accordion-button border-bottom font-weight-bold" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false"
                                aria-controls="collapseThree">
                                How much time does it take to receive the order?
                                <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3"></i>
                                <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3"></i>
                            </button>
                        </h5>
                        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                            data-bs-parent="#accordionRental">
                            <div class="accordion-body text-sm opacity-8">
                                The time is now for it to be okay to be great. People in this world shun people for being
                                great. For being a bright color. For standing out. But the time is now to be okay to be the
                                greatest you. Would you believe in what you believe in, if you were the only one who
                                believed it?
                                If everything I did failed - which it doesn&#39;t, it actually succeeds - just the fact that
                                I&#39;m willing to fail is an inspiration. People are so scared to lose that they don&#39;t
                                even try. Like, one thing people can&#39;t say is that I&#39;m not trying, and I&#39;m not
                                trying my hardest, and I&#39;m not trying to do the best way I know how.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item mb-3">
                        <h5 class="accordion-header" id="headingFour">
                            <button class="accordion-button border-bottom font-weight-bold" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false"
                                aria-controls="collapseFour">
                                Can I resell the products?
                                <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3"></i>
                                <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3"></i>
                            </button>
                        </h5>
                        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                            data-bs-parent="#accordionRental">
                            <div class="accordion-body text-sm opacity-8">
                                I always felt like I could do anything. That’s the main thing people are controlled by!
                                Thoughts- their perception of themselves! They&#39;re slowed down by their perception of
                                themselves. If you&#39;re taught you can’t do anything, you won’t do anything. I was taught
                                I could do everything.
                                <br><br>
                                If everything I did failed - which it doesn&#39;t, it actually succeeds - just the fact that
                                I&#39;m willing to fail is an inspiration. People are so scared to lose that they don&#39;t
                                even try. Like, one thing people can&#39;t say is that I&#39;m not trying, and I&#39;m not
                                trying my hardest, and I&#39;m not trying to do the best way I know how.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item mb-3">
                        <h5 class="accordion-header" id="headingFifth">
                            <button class="accordion-button border-bottom font-weight-bold" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapseFifth" aria-expanded="false"
                                aria-controls="collapseFifth">
                                Where do I find the shipping details?
                                <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3"></i>
                                <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3"></i>
                            </button>
                        </h5>
                        <div id="collapseFifth" class="accordion-collapse collapse" aria-labelledby="headingFifth"
                            data-bs-parent="#accordionRental">
                            <div class="accordion-body text-sm opacity-8">
                                There’s nothing I really wanted to do in life that I wasn’t able to get good at. That’s my
                                skill. I’m not really specifically talented at anything except for the ability to learn.
                                That’s what I do. That’s what I’m here for. Don’t be afraid to be wrong because you can’t
                                learn anything from a compliment.
                                I always felt like I could do anything. That’s the main thing people are controlled by!
                                Thoughts- their perception of themselves! They&#39;re slowed down by their perception of
                                themselves. If you&#39;re taught you can’t do anything, you won’t do anything. I was taught
                                I could do everything.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('layouts.footers.auth.desc-footer')
    @include('components.fixed-plugin')
@endsection
