@extends('layouts.app')

@section('title', 'index')

@section('content')



<style>
    
</style>

    <!-- ==================== Banner Section Start ================== -->
    <section
      class="pt-120 bg-base-two-600 z-1 position-relative overflow-hidden"
    >
      <!-- <img
        
        alt="img"
        class="position-absolute inset-block-end-80px inset-inline-start-7-persent d-lg-block d-none animation-moveTopBottom__two"
      /> -->
      <!-- <img
        
        alt="img"
        class="position-absolute inset-block-start-79px inset-inline-start-7-persent d-lg-block d-none animation-rotation__two"
      /> -->

      <div class="container">
          <div class="">
            <div class="position-relative">
              <div class="row flex-wrap gy-4">
                <div class="col-lg-6">
                  <div class="max-w-571-px">
                    <div class="tw-mb-10 position-relative">
                      <!-- <div
                        class="d-flex align-items-center gap-1 tw-mb-3"
                        data-aos="fade-up"
                        data-aos-duration="800"
                      >
                        <img src="{{ asset('assets/images/icon/star-icon1.png') }}" alt="star" ))/>
                        <span
                          class="fw-normal tw-text-xl text-neutral-10 cursor-big"
                          >EASY PAYMENT</span
                        >
                      </div> -->
                      <div
                        class="position-relative"
                        data-aos="fade-up"
                        data-aos-duration="1000"
                      >
                        <h2
                          class="banner-item-title text-neutral-10 fw-normal tw-mb-3 tw-text-15 cursor-big h1"
                        >
                          Get the Right Loan, Faster 
                        </h2>
                        <img 
    src="{{ asset('assets/images/shape/banner-shape-1.png') }}" 
    alt="igm" 
    class="position-absolute inset-block-start-44-persent inset-inline-start-50-persent z-n1 d-lg-block d-none animation-pulse__two">
                      </div>
                      <p
                        class="banner-item-text text-neutral-10 fw-normal tw-text-xl line-clamp-2"
                        data-aos="fade-up"
                        data-aos-duration="1100"
                      >
                        Fast approvals. Zero paperwork hassle
                      </p>
                    </div>
                    <div
                      class="d-flex align-items-center tw-gap-7 flex-wrap position-relative"
                      data-aos="fade-up"
                      data-aos-duration="1200"
                    >
                      <div>
                        <a
                          href="{{url('/apply-loan')}}"
                          class="apply-now-link bg-main-600 text-dark-600 fw-semibold tw-text-lg tw-px-5 tw-py-3 border-two-px-solid rounded-3 hover-text-dark-600 tw-duration-500"
                          >Apply Now</a>
                      </div>
                       <div>
                        <a
                          href="javascript:void(0)"
                          class="check-eligibility-link bg-main-600 text-dark-600 fw-semibold tw-text-lg tw-px-5 tw-py-3 border-two-px-solid rounded-3 hover-text-dark-600 tw-duration-500"
                          >Check Eligibility</a>
                      </div>
                      <!-- <div class="d-flex align-items-center tw-gap-10 flex-wrap">
                        <span class="text-neutral-10 fw-semibold tw-text-lg"
                          >WATCH VIDEO</span
                        >
                        <div class="position-relative">
                          <a
                            href="https://www.youtube.com/watch?v=MFLVmAE4cqg"
                            class="play-button bg-light-animation tw-w-13 tw-h-13 d-inline-flex justify-content-center align-items-center bg-white text-base-two-600 hover-text-base-two-600 rounded-circle tw-text-xl position-absolute tw-start-50 tw--translate-middle top-50 z-1"
                          >
                            <i class="ph-fill ph-play"></i>
                          </a>
                        </div>
                      </div> -->
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div
                    class="d-lg-block d-none text-end"
                    data-aos="fade-up"
                    data-aos-duration="1500"
                  >
                    <img
                      src="{{ asset('assets/images/thumbs/banner-img1.png') }}"
                      alt="img"
                      class="margin-top--40px"
                    />
                  </div>
                </div>
              </div>
              <div class="banner-item">
                <div
                  class="invisible bg-white tw-py-5 tw-px-5 rounded-3 d-inline-flex align-items-center tw-gap-3 position-absolute inset-block-start-70-persent inset-inline-start-42-persent z-1 max-w-263 animation-Updowm__two"
                >
                  <!-- <div class="d-flex align-items-center">
                    <img src="{{ asset('assets/images/thumbs/banner-img4.png') }}" alt="img" />
                    <img
                      src="{{ asset('assets/images/thumbs/banner-img3.png') }}"
                      alt="img"
                      class="margin-left--16px"
                    />
                    <img
                      src="{{ asset('assets/images/thumbs/banner-img2.png') }}"
                      alt="img"
                      class="margin-left--16px"
                    />
                  </div> -->
                  <!-- <div>
                    <h4 class="fw-normal tw-text-6 counter">25k+</h4>
                    <span class="fw-normal tw-text-lg text-dark-500"
                      >Active users
                    </span>
                  </div> -->
                </div>
              </div>
              <img
               src="{{ asset('assets/images/shape/banner-shape-1.png') }}"
                alt="igm"
                class="position-absolute inset-block-start-44-persent inset-inline-start-50-persent z-n1 d-lg-block d-none animation-pulse__two"
              />
              <img
                src="{{ asset('assets/images/shape/arrow-shape1.png') }}"
                alt="img"
                class="arrow-shape-one position-absolute inset-inline-start-44-persent inset-block-start--10-persent z-n1 d-lg-block d-none animate-wobble__two"
              />
              <img
               src="{{ asset('assets/images/shape/banner-shape2.png') }}"
                alt="img"
                class="banner-shape-two position-absolute inset-inline-end--120px inset-block-end-120px z-n1 d-lg-block d-none animation-rotation__two"
              />
              <div
                class="banner-shape-five bg-white tw-py-5 tw-px-6 rounded-3 max-w-261 position-absolute inset-block-start-50px inset-inline-end--120px d-lg-block d-none z-1 animation-Updowm__two"
              >
                <span class="tw-text-lg fw-semibold text-dark-600 tw-mb-3"
                  >Loans Processed</span
                >
                <h4 class="fw-normal tw-mb-3 counter">+35,890.00</h4>
              </div>
            </div>
    
            <div
              class="banner-brand-item bg-main-600 tw-pt-15 tw-ps-15 tw-pb-8 tw-pe-7 tw-w-1662-px tw-w-100vw banner-slider-bg-clip-path border-top-left-80-px margin-top--94px"
            >
              <h3
                class="fw-normal cursor-big tw-mb-2"
                data-aos="fade-up"
                data-aos-duration="800"
              >
                Join 10,245+ 
              </h3>
              <h5
                class="fw-normal tw-mb-8"
                data-aos="fade-up"
                data-aos-duration="1000"
              >
                Users who’ve reached
              </h5>
    
              <div class="col-12">
                    <div class="row">
                        <div class="col-12 col-sm-2 col-md-2 col-lg-2 h-100">
                            <div class="tw-py-6 tw-px-4 tw-rounded-lg text-start text-md-center hover-bg-main-600 tw-duration-300">
                                <h3 class="tw-mb-3 counter">140 K</h3>
                                <span class="fw-normal tw-text-5 text-dark-600">Active Users</span>
                            </div>
                        </div>
                        <div class="col-12 col-sm-2 col-md-2 col-lg-3 h-100">
                            <div class="tw-py-6 tw-px-4 tw-rounded-lg text-start text-md-center hover-bg-main-600 tw-duration-300">
                                <h3 class="tw-mb-3 counter">15 +</h3>
                                <span class="fw-normal tw-text-5 text-dark-600">Years Of Experience</span>
                            </div>
                        </div>
                        <div class="col-12 col-sm-2 col-md-2 col-lg-2 h-100">
                            <div class="tw-py-6 tw-px-4 tw-rounded-lg text-start text-md-center hover-bg-main-600 tw-duration-300">
                                <h3 class="tw-mb-3 counter">14 K</h3>
                                <span class="fw-normal tw-text-5 text-dark-600">User Downloads</span>
                            </div>
                        </div>
                        <div class="col-12 col-sm-2 col-md-2 col-lg-3 h-100">
                            <div class="tw-py-6 tw-px-4 tw-rounded-lg text-start text-md-center hover-bg-main-600 tw-duration-300">
                                <h3 class="tw-mb-3 counter">18 K+</h3>
                                <span class="fw-normal tw-text-5 text-dark-600">User Reviews</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
          </div>
        </div>
    </section>
    <!-- ==================== Banner Section End ================== -->

    <!-- ======================= Our Feature Section Start ================ -->
    <section class="py-140 z-1 overflow-hidden">
      <div class="container">
        <div
          class="d-flex align-items-center tw-gap-3 justify-content-between flex-wrap tw-mb-80-px"
        >
          <div class="max-w-526">
            <div
              class="d-flex align-items-center tw-gap-1 tw-mb-3"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <img src="{{ asset('assets/images/icon/star-icon2.png') }}" alt="Image" />
              <h5 class="text-primary-600 fw-normal">Our Features</h5>
            </div>
            <h2
              class="fw-normal text-dark-600 h1 cursor-big"
              data-aos="fade-up"
              data-aos-duration="1000"
            >
              IQPRO Features
            </h2>
          </div>
          <div class="max-w-400">
            <p
              class="fw-normal tw-text-lg text-dark-500"
              data-aos="fade-up"
              data-aos-duration="1200"
            >
              Reliable, secure, fast, global, convenient, trusted, seamless,
              innovative.
            </p>
          </div>
        </div>

        <div class="row gy-4 align-items-center">
          <div class="col-lg-5">
            <div class="max-w-416">
              <div class="tw-mb-12" data-aos="fade-up" data-aos-duration="800">
                <span
                  class="tw-w-72px tw-h-72-px border-base-two-600 d-flex align-items-center justify-content-center rounded-3 tw-mb-6"
                >
                  <span
                    class="w-15 h-15 bg-base-two-10 rounded-3 d-flex align-items-center justify-content-center"
                  >
                    <img
                      src="{{ asset('assets/images/icon/our-feature-icon1.png') }}"
                      alt="Image"
                    />
                  </span>
                </span>
                <h5 class="fw-normal text-dark-600 tw-mb-2 cursor-big">
                  Smart Eligibility Checker
                </h5>
                <p class="fw-normal tw-text-lg text-dark-500">
                  Users can instantly check their eligible loan amount, estimated interest rate, monthly EMI, and approval probability
                </p>
              </div>

              <div class="tw-mb-12" data-aos="fade-up" data-aos-duration="1000">
                <span
                  class="tw-w-72px tw-h-72-px border-base-two-600 d-flex align-items-center justify-content-center rounded-3 tw-mb-6"
                >
                  <span
                    class="w-15 h-15 bg-base-two-10 rounded-3 d-flex align-items-center justify-content-center"
                  >
                    <img
                      src="{{ asset('assets/images/icon/our-feature-icon2.png') }}"
                      alt="Image"
                    />
                  </span>
                </span>
                <h5 class="fw-normal text-dark-600 tw-mb-2 cursor-big">
                  Personalized Loan Recommendations

                </h5>
                <p class="fw-normal tw-text-lg text-dark-500">
                  Get tailored loan options based on your financial profile and needs.
                </p>
              </div>

              <div class="" data-aos="fade-up" data-aos-duration="1200">
                <span
                  class="tw-w-72px tw-h-72-px border-base-two-600 d-flex align-items-center justify-content-center rounded-3 tw-mb-6"
                >
                  <span
                    class="w-15 h-15 bg-base-two-10 rounded-3 d-flex align-items-center justify-content-center"
                  >
                    <img
                      src="{{ asset('assets/images/icon/our-feature-icon3.png') }}"
                      alt="Image"
                    />
                  </span>
                </span>
                <h5 class="fw-normal text-dark-600 tw-mb-2 cursor-big">
                  Real-Time Application Tracking
                </h5>
                <p class="fw-normal tw-text-lg text-dark-500">
                  Users can track statuses like Submitted, Under Review, Approved, Rejected, Disbursed with SMS/email notifications.
                </p>
              </div>
            </div>
          </div>

          <div class="col-lg-7">
            <div class="position-relative">
              <div>
                <img
                  src="{{ asset('assets/images/thumbs/our-feature-img1.png') }}"
                  alt="Image"
                  data-aos="zoom-in"
                  data-aos-duration="1200"
                />
              </div>

              <div
                class="our-feature__card-one bg-white tw-w-232-px tw-h-116-px position-absolute top-0 tw-start-0 border-bottom-right-24-px"
                data-aos="fade-right"
                data-aos-duration="1000"
              >
                <div
                  class="max-w-219 bg-warning-500 rounded-3 tw-px-6 tw-py-5 d-flex align-items-center tw-gap-4 position-absolute inset-inline-start-0 inset-block-start-0"
                >
                  <img
                    src="{{ asset('assets/images/shape/our-feature-shape1.png') }}"
                    alt="Image"
                    data-aos-duration="800"
                  />
                  <div>
                    <h3 class="fw-normal text-dark-600 mb-0 cursor-big counter">
                      90%
                    </h3>
                    <span class="fw-normal tw-text-lg text-dark-500"
                      >Success rate</span
                    >
                  </div>
                </div>
              </div>

              <!--<div-->
              <!--  class="our-feature__card-two tw-w-200-px tw-h-150-px position-absolute bottom-0 tw-end-0 bg-white border-top-left-24-px"-->
              <!--  data-aos="fade-left"-->
              <!--  data-aos-duration="1000"-->
              
              <!--  <div-->
              <!--    class="max-w-176 bg-main-600 rounded-3 tw-px-6 tw-py-5 position-absolute inset-block-end-0 inset-inline-end-0"-->
              <!--  >-->
              <!--    <div>-->
              <!--      <h3 class="fw-normal text-dark-600 mb-1 cursor-big counter">-->
              <!--        11.5k-->
              <!--      </h3>-->
              <!--      <span class="fw-normal tw-text-lg text-dark-500"-->
              <!--        >Banking Card available</span-->
              <!--      >-->
              <!--    </div>-->
              <!--  </div>-->
              <!--</div>-->
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- ======================= Our Feature Section End ================ -->

    <!-- ============= paynone section start ==================== -->
    <!-- <section class="z-1 bg-neutral-10 py-140 position-relative overflow-hidden">
      <div class="container">
        <div class="paynone-item margin-block-start-60px">
          <div class="text-center justify-content-center align-items-center">
            <h2
              class="paynone-title tw-text-80-px fw-normal text-dark-600 tw-mb-3 cursor-big"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              WHY KAPSTON
            </h2>
            <p
              class="max-w-322 text-dark-500 tw-text-lg fw-normal mx-auto"
              data-aos="fade-up"
              data-aos-duration="1000"
            >
              kapston is constantly growing for a World without high fees.
            </p>
          </div>
        </div>

        <div class="row gy-4">
          <div class="col-xl-4 col-lg-4 col-md-6">
            <div
              class="paynone-card-one max-w-307 payone-card tw-px-8 py-80 bg-warning-500 rounded-4 margin-block-start--120px"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <div
                class="max-w-212 text-center justify-content-center align-items-center mx-auto"
              >
                <h4 class="fw-normal text-dark-600 tw-mb-6 cursor-big">
                  One Contract, One Integration
                </h4>
                <p class="fw-normal tw-text-xl text-dark-600">
                  Don't get lost in papers! Easy registration, rapid
                  integration!
                </p>
              </div>
            </div>
          </div>

          <div class="col-xl-4 col-lg-4 col-md-6">
            <div
              class="paynone-card-two max-w-307 payone-card tw-ps-7 tw-pe-8 tw-pt-12 tw-pb-10 bg-base-two-600 rounded-4 margin-inline-start--45px margin-block-start-200px"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <div
                class="max-w-246 text-center justify-content-center align-items-center mx-auto"
              >
                <img
                  src="{{ asset('assets/images/icon/payone-img2.png') }}"
                  alt="Image"
                  class="tw-text-80-px tw-mb-8"
                />
                <h5 class="fw-normal text-white tw-mb-6 cursor-big">
                  No app juggling!
                </h5>
                <p class="fw-normal tw-text-xl text-white">
                  No card or payment details insertion. Start and finish at the
                  same place!
                </p>
              </div>
            </div>
          </div>

          <div class="col-xl-4 col-lg-4 col-md-6">
            <div
              class="paynone-card-three max-w-307 payone-card tw-ps-7 tw-pe-8 tw-pt-12 tw-pb-10 bg-base-two-600 rounded-4 margin-block-start--200px margin-inline-start-100px"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <div
                class="max-w-246 text-center justify-content-center align-items-center mx-auto"
              >
                <img
                  src="{{ asset('assets/images/icon/payone-img1.png') }}"
                  alt="Image"
                  class="tw-text-80-px tw-mb-8"
                />
                <h5 class="fw-normal text-white tw-mb-6 cursor-big">
                  Multi-device support
                </h5>
                <p class="fw-normal tw-text-xl text-white">
                  Delivery through multiple channels, including mobile, tablet
                  and desktop.
                </p>
              </div>
            </div>
          </div>

          <div class="col-xl-4 col-lg-4 col-md-6">
            <div
              class="paynone-card-four max-w-307 payone-card tw-px-8 py-80 bg-warning-500 rounded-4 margin-block-start-70px"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <div
                class="max-w-212 text-center justify-content-center align-items-center mx-auto"
              >
                <h4 class="fw-normal text-dark-600 tw-mb-6 cursor-big">
                  First-class Support
                </h4>
                <p class="fw-normal tw-text-xl text-dark-600">
                  Prompt and seamless service, provided by core competency
                  experts.
                </p>
              </div>
            </div>
          </div>

          <div class="col-xl-4 col-lg-4 col-md-6">
            <div
              class="paynone-card-five max-w-307 payone-card tw-ps-7 tw-pe-8 tw-pt-12 tw-pb-10 bg-base-two-600 rounded-4 margin-inline-start-107px margin-block-start-176px"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <div
                class="max-w-246 text-center justify-content-center align-items-center mx-auto"
              >
                <img
                  src="{{ asset('assets/images/icon/payone-img3.png') }}"
                  alt="Image"
                  class="tw-text-80-px tw-mb-8"
                />
                <h5 class="fw-normal text-white tw-mb-6 cursor-big">
                  Advanced Payer Verification
                </h5>
                <p class="fw-normal tw-text-xl text-white line-clamp-3">
                  Built on top of core banks KYC (Know Your Customer)
                  procedures. Fraud risk is significantly reduced.
                </p>
              </div>
            </div>
          </div>

          <div class="col-xl-4 col-lg-4 col-md-6">
            <div
              class="paynone-card-six max-w-307 payone-card tw-px-8 py-80 bg-warning-500 rounded-4 margin-inline-start-100px margin-block-start--200px"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <div
                class="max-w-212 text-center justify-content-center align-items-center mx-auto"
              >
                <h4 class="fw-normal text-dark-600 tw-mb-6 cursor-big">
                  Cost-effective payments
                </h4>
                <p class="fw-normal tw-text-xl text-dark-600">
                  Say goodbye to high card fees, say hello to affordable,
                  seamless payments.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section> -->
    <!-- ============= paynone section end ==================== -->

    <!-- ================= Our Services section start==================== -->
    <section class="py-140 z-1 overflow-hidden">
      <div class="container">
        <div
          class="d-flex align-items-center tw-gap-3 justify-content-between flex-wrap tw-mb-80-px"
        >
          <div class="max-w-570">
            <div
              class="d-flex align-items-center tw-gap-1 tw-mb-3"
              data-aos="fade-up"
              data-aos-duration="600"
            >
              <span class="">
                <img
                  src="{{ asset('assets/images/icon/star-icon2.png') }}"
                  alt="Image"
                  class=""
                />
              </span>
              <h5 class="text-primary-600 fw-normal">Our Services</h5>
            </div>
            <h2
              class="fw-normal h1 cursor-big"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              Innovative Services For Financial Success
            </h2>
          </div>
          <div class="max-w-370">
            <p
              class="fw-normal text-dark-500 tw-text-lg tw-mb-8"
              data-aos="fade-up"
              data-aos-duration="1000"
            >
              Experience cutting-edge financial maximize growth, & ensure
              long-term stability.
            </p>
            <div
              class="position-relative"
              data-aos="fade-up"
              data-aos-duration="1200"
            >
              <a
                href="#?"
                class="our-serbices-item-link fw-semibold tw-text-lg text-dark-700 tw-px-5 tw-py-205 bg-main-600 rounded-3 hover-text-dark-600 tw-duration-500"
                >ALL SERVICES</a
              >
            </div>
          </div>
        </div>

        <div class="row gy-4">
          <div class="col-xl-3 col-lg-4 col-md-6">
            <div
              class="our-services-card position-relative group"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <span
                class="circle-shape position-absolute tw-transition-03-secend inset-inline-end-0px inset-block-start-0px tw-w-72px tw-h-72-px bg-white rounded-circle"
              ></span>
              <button
                type="button"
                class="group-hover-bg-main-600 tw-transition-03-secend our-services-button w-16 h-16 bg-neutral-10 rounded-circle tw-text-8 text-dark-600 d-flex align-items-center justify-content-center position-absolute inset-block-start-0px inset-inline-end-0px"
              >
                <i class="ph-bold ph-arrow-up-right"></i>
              </button>
              <div
                class="tw-px-8 tw-py-8 group-hover-bg-base-two-600 tw-transition-03-secend rounded-3"
              >
                <span
                  class="group-hover-bg-main-600 tw-transition-03-secend group-hover-text-dark-600 our-services-bank w-15 h-15 bg-base-two-600 rounded-3 tw-text-805 text-white align-items-center justify-content-center d-flex tw-mb-10"
                >
                  <img
                    src="{{ asset('assets/images/icon/services-icon-img4.png') }}"
                    alt="Image"
                    class="text-white"
                  />
                </span>
                <div class="max-w-242">
                  <h4
                    class="group-hover-text-white tw-transition-03-secend our-services-title fw-normal text-dark-700 tw-mb-3 cursor-big"
                  >
                    Loan Application Support
                  </h4>
                  <p
                    class="group-hover-text-white tw-transition-03-secend our-services-text text-dark-500 fw-normal tw-text-4"
                  >
                    Dedicated experts assist users throughout Application submission, Documentation, Verification, and Approval process  
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6">
            <div
              class="our-services-card position-relative group"
              data-aos="fade-up"
              data-aos-duration="1000"
            >
              <span
                class="circle-shape position-absolute tw-transition-03-secend inset-inline-end-0px inset-block-start-0px tw-w-72px tw-h-72-px bg-white rounded-circle"
              ></span>
              <button
                type="button"
                class="group-hover-bg-main-600 tw-transition-03-secend our-services-button w-16 h-16 bg-neutral-10 rounded-circle tw-text-8 text-dark-600 d-flex align-items-center justify-content-center position-absolute inset-block-start-0px inset-inline-end-0px"
              >
                <i class="ph-bold ph-arrow-up-right"></i>
              </button>
              <div
                class="tw-px-8 tw-py-8 group-hover-bg-base-two-600 tw-transition-03-secend rounded-3"
              >
                <span
                  class="group-hover-bg-main-600 tw-transition-03-secend group-hover-text-dark-600 our-services-bank w-15 h-15 bg-base-two-600 rounded-3 tw-text-805 text-white align-items-center justify-content-center d-flex tw-mb-10"
                >
                  <img
                    src="{{ asset('assets/images/icon/services-icon-img1.png') }}"
                    alt="Image"
                    class="text-white"
                  />
                </span>
                <div class="max-w-242">
                  <h4
                    class="group-hover-text-white tw-transition-03-secend our-services-title fw-normal text-dark-700 tw-mb-3 cursor-big"
                  >
                    Digital KYC & Documentation Support
                  </h4>
                  <p
                    class="group-hover-text-white tw-transition-03-secend our-services-text text-dark-500 fw-normal tw-text-4"
                  >
                   Complete verification online with Aadhaar verification, PAN validation, Secure document uploads and eSign support
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6">
            <div
              class="our-services-card position-relative group"
              data-aos="fade-up"
              data-aos-duration="1200"
            >
              <span
                class="circle-shape position-absolute tw-transition-03-secend inset-inline-end-0px inset-block-start-0px tw-w-72px tw-h-72-px bg-white rounded-circle"
              ></span>
              <button
                type="button"
                class="group-hover-bg-main-600 tw-transition-03-secend our-services-button w-16 h-16 bg-neutral-10 rounded-circle tw-text-8 text-dark-600 d-flex align-items-center justify-content-center position-absolute inset-block-start-0px inset-inline-end-0px"
              >
                <i class="ph-bold ph-arrow-up-right"></i>
              </button>
              <div
                class="tw-px-8 tw-py-8 group-hover-bg-base-two-600 tw-transition-03-secend rounded-3"
              >
                <span
                  class="group-hover-bg-main-600 tw-transition-03-secend group-hover-text-dark-600 our-services-bank w-15 h-15 bg-base-two-600 rounded-3 tw-text-805 text-white align-items-center justify-content-center d-flex tw-mb-10"
                >
                  <img
                    src="{{ asset('assets/images/icon/services-icon-img2.png') }}"
                    alt="Image"
                    class="text-white"
                  />
                </span>
                <div class="max-w-242">
                  <h4
                    class="group-hover-text-white tw-transition-03-secend our-services-title fw-normal text-dark-700 tw-mb-3 cursor-big"
                  >
                    Instant Eligibility Check


                  </h4>
                  <p
                    class="group-hover-text-white tw-transition-03-secend our-services-text text-dark-500 fw-normal tw-text-4"
                  >
                  Users can instantly verify Loan eligibility, Maximum loan amount, Estimated EMI, and Approval chances
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6">
            <div
              class="our-services-card position-relative group"
              data-aos="fade-up"
              data-aos-duration="1400"
            >
              <span
                class="circle-shape position-absolute tw-transition-03-secend inset-inline-end-0px inset-block-start-0px tw-w-72px tw-h-72-px bg-white rounded-circle"
              ></span>
              <button
                type="button"
                class="group-hover-bg-main-600 tw-transition-03-secend our-services-button w-16 h-16 bg-neutral-10 rounded-circle tw-text-8 text-dark-600 d-flex align-items-center justify-content-center position-absolute inset-block-start-0px inset-inline-end-0px"
              >
                <i class="ph-bold ph-arrow-up-right"></i>
              </button>
              <div
                class="tw-px-8 tw-py-8 group-hover-bg-base-two-600 tw-transition-03-secend rounded-3"
              >
                <span
                  class="group-hover-bg-main-600 tw-transition-03-secend group-hover-text-dark-600 our-services-bank w-15 h-15 bg-base-two-600 rounded-3 tw-text-805 text-white align-items-center justify-content-center d-flex tw-mb-10"
                >
                  <img
                    src="{{ asset('assets/images/icon/services-icon-img3.png') }}"
                    alt="Image"
                    class="text-white"
                  />
                </span>
                <div class="max-w-242">
                  <h4
                    class="group-hover-text-white tw-transition-03-secend our-services-title fw-normal text-dark-700 tw-mb-3 cursor-big"
                  >
                    Financial Advisory Services
                  </h4>
                  <p
                    class="group-hover-text-white tw-transition-03-secend our-services-text text-dark-500 fw-normal tw-text-4"
                  >
                    Offer expert guidance on Loan selection, Credit management,Financial planning, Investment-linked borrowing

                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- ================= Our Services section end==================== -->

    <!--<div class="h-455px bg-base-two-600"></div>-->

    <!-- ==============request section start==================== -->
    <!-- <div
      class="z-2 margin-top--330px overflow-hidden"
      data-aos="zoom-in"
      data-aos-duration="1000"
    >
      <div class="container">
        <div
          class="max-w-1076 bg-white justify-content-center align-items-center mx-auto"
        >
          <ul
            class="nav nav-pills bg-main-600 text-center d-flex align-items-center justify-content-center tw-mb-8"
            id="pills-tab"
            role="tablist"
          >
            <li class="nav-item" role="presentation">
              <button
                class="nav-link__one active rounded-0 tw-px-3 tw-py-3"
                id="pills-home-tab"
                data-bs-toggle="pill"
                data-bs-target="#pills-home"
                type="button"
                role="tab"
                aria-controls="pills-home"
                aria-selected="true"
              >
                Send
              </button>
            </li>
            <li class="nav-item" role="presentation">
              <button
                class="nav-link__one rounded-0 tw-px-3 tw-py-3"
                id="pills-profile-tab"
                data-bs-toggle="pill"
                data-bs-target="#pills-profile"
                type="button"
                role="tab"
                aria-controls="pills-profile"
                aria-selected="false"
              >
                Request
              </button>
            </li>
          </ul>

          <div class="tab-content" id="pills-tabContent">
            <div
              class="tab-pane fade show active"
              id="pills-home"
              role="tabpanel"
              aria-labelledby="pills-home-tab"
              tabindex="0"
            >
              <div class="tw-px-8 tw-pb-8 z-2">
                <div class="tw-mb-6 text-center">
                  <h4 class="fw-normal tw-mb-2 cursor-big">Request Money</h4>
                  <p class="fw-normal tw-text-lg text-dark-500">
                    Request your payment on anytime, anywhere in the world.
                  </p>
                </div>

                <form action="#" class="tw-mb-6">
                  <div class="row gy-4">
                    <div class="col-lg-6">
                      <label
                        for="Name"
                        class="fw-normal tw-text-4 text-dark-600 tw-mb-205"
                        >Name*</label
                      >
                      <input
                        id="Name"
                        type="text"
                        class="tw-px-3 tw-py-3 tw-text-4 text-dark-500 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600"
                        placeholder="Enter Name"
                      />
                    </div>

                    <div class="col-lg-6">
                      <label
                        for="email*"
                        class="fw-normal tw-text-4 text-dark-600 tw-mb-205"
                        >Email*</label
                      >
                      <input
                        type="email"
                        id="email*"
                        class="tw-px-3 tw-py-3 tw-text-4 text-dark-500 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600 focus-border-main-600"
                        placeholder="Enter Email Address"
                      />
                    </div>

                    <div class="col-lg-6">
                      <span class="fw-normal tw-text-4 text-dark-600 tw-mb-205"
                        >Country*</span
                      >
                      <select
                        class="tw-px-3 tw-py-3 tw-text-4 text-dark-500 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600"
                      >
                        <option value="1">Pakistan</option>
                        <option value="1">Russia</option>
                        <option value="1">South Africa</option>
                        <option value="1">South Korea</option>
                        <option value="1">Bangldesh</option>
                      </select>
                    </div>

                    <div class="col-lg-6">
                      <label
                        for="amount"
                        class="fw-normal tw-text-4 text-dark-600 tw-mb-2"
                      >
                        Amount*
                      </label>
                      <div class="position-relative">
                        <input
                          placeholder="2.00.000"
                          id="amount"
                          class="tw-px-3 tw-py-3 w-100 fw-normal tw-text-4 text-dark-600 rounded-3 border-neutral-05 border focus-visible-border-main-600"
                        />
                        <div class="select-dropdown-wrapper tw-ms-2 tw-ml-2">
                          <button
                            type="button"
                            class="select-button d-flex align-items-center tw-gap-105 position-absolute top-0 end-0 top-50 translate-middle-y tw-me-4"
                          >
                            <span class="select-dropdown__flag">
                              <img
                                src="{{ asset('assets/images/flag/iceland.png') }}"
                                alt="Flag"
                                class="tw-w-4 tw-h-3"
                              />
                            </span>
                            <span
                              class="select-button__text tw-text-sm fw-normal text-dark-500 text-uppercase fw-semibold"
                              >USD</span
                            >
                            <span
                              class="select-button__arrow tw-text-xs text-white-83 tw-leading-none tw-duration-200"
                            >
                              <i class="ph-bold ph-caret-down"></i>
                            </span>
                          </button>
                          <ul
                            class="select-dropdown bg-white tw-p-2 tw-rounded-md position-absolute top-100 tw-end-0 tw-z-99 min-w-max tw-mt-2 invisible opacity-0 tw-duration-200 tw-max-h-400-px overflow-y-auto shadow"
                          >
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/iceland.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >USD</span
                              >
                            </li>
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/bangladesh.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >BAN</span
                              >
                            </li>
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/china.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >CHA</span
                              >
                            </li>
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/japan.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >JAP</span
                              >
                            </li>
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/prance.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >PRANCE</span
                              >
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>

                    <div class="col-12">
                      <label
                        for="Description"
                        class="fw-normal tw-text-4 text-dark-600 tw-mb-205"
                        >Description*</label
                      >
                      <textarea
                        id="Description"
                        class="tw-px-3 tw-pt-3 tw-pb-17 tw-text-4 text-dark-500 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600"
                        placeholder="Payment Description"
                      ></textarea>
                    </div>
                  </div>
                  <div class="position-relative z-1 tw-mt-6">
                    <button
                      type="submit"
                      class="request-button text-white tw-text-lg fw-semibold bg-base-two-600 tw-py-3 w-100 border-base-two-600 rounded-2"
                    >
                      REQUEST PAYMENT
                    </button>
                  </div>
                </form>
              </div>
            </div>

            <div
              class="tab-pane fade"
              id="pills-profile"
              role="tabpanel"
              aria-labelledby="pills-profile-tab"
              tabindex="0"
            >
              <div class="tw-px-8 tw-pb-8 z-2">
                <div class="tw-mb-6 text-center">
                  <h4 class="fw-normal tw-mb-2 cursor-big">Request Money</h4>
                  <p class="fw-normal tw-text-lg text-dark-500">
                    Request your payment on anytime, anywhere in the world.
                  </p>
                </div>

                <form action="#" class="tw-mb-6">
                  <div class="row gy-4">
                    <div class="col-lg-6">
                      <label
                        for="name"
                        class="fw-normal tw-text-4 text-dark-600 tw-mb-205"
                        >Name*</label
                      >
                      <input
                        id="name"
                        type="text"
                        class="tw-px-3 tw-py-3 tw-text-4 text-dark-500 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600"
                        placeholder="Enter Name"
                      />
                    </div>

                    <div class="col-lg-6">
                      <label
                        for="Email"
                        class="fw-normal tw-text-4 text-dark-600 tw-mb-205"
                        >Email*</label
                      >
                      <input
                        type="email"
                        id="Email"
                        class="tw-px-3 tw-py-3 tw-text-4 text-dark-500 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600 focus-border-main-600"
                        placeholder="Enter Email Address"
                      />
                    </div>

                    <div class="col-lg-6">
                      <span class="fw-normal tw-text-4 text-dark-600 tw-mb-205"
                        >Country*</span
                      >
                      <select
                        class="tw-px-3 tw-py-3 tw-text-4 text-dark-500 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600"
                      >
                        <option value="1">Pakistan</option>
                        <option value="1">Russia</option>
                        <option value="1">South Africa</option>
                        <option value="1">South Korea</option>
                        <option value="1">Bangldesh</option>
                      </select>
                    </div>

                    <div class="col-lg-6">
                      <label
                        for="amountt"
                        class="fw-normal tw-text-4 text-dark-600 tw-mb-2"
                      >
                        Amount*
                      </label>
                      <div class="position-relative">
                        <input
                          placeholder="2.00.000"
                          id="amountt"
                          class="tw-px-3 tw-py-3 w-100 fw-normal tw-text-4 text-dark-600 rounded-3 border-neutral-05 border focus-visible-border-main-600"
                        />
                        <div class="select-dropdown-wrapper tw-ms-2 tw-ml-2">
                          <button
                            type="button"
                            class="select-button d-flex align-items-center tw-gap-105 position-absolute top-0 end-0 top-50 translate-middle-y tw-me-4"
                          >
                            <span class="select-dropdown__flag">
                              <img
                                src="{{ asset('assets/images/flag/iceland.png') }}"
                                alt="Flag"
                                class="tw-w-4 tw-h-3"
                              />
                            </span>
                            <span
                              class="select-button__text tw-text-sm fw-normal text-dark-500 text-uppercase fw-semibold"
                              >USD</span
                            >
                            <span
                              class="select-button__arrow tw-text-xs text-white-83 tw-leading-none tw-duration-200"
                            >
                              <i class="ph-bold ph-caret-down"></i>
                            </span>
                          </button>
                          <ul
                            class="select-dropdown bg-white tw-p-2 tw-rounded-md position-absolute top-100 tw-end-0 tw-z-99 min-w-max tw-mt-2 invisible opacity-0 tw-duration-200 tw-max-h-400-px overflow-y-auto shadow"
                          >
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/iceland.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >USD</span
                              >
                            </li>
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/bangladesh.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >BAN</span
                              >
                            </li>
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/china.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >CHA</span
                              >
                            </li>
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/japan.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >JAP</span
                              >
                            </li>
                            <li
                              class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100"
                            >
                              <span class="select-dropdown__flag">
                                <img
                                  src="{{ asset('assets/images/flag/prance.png') }}"
                                  alt="Flag"
                                  class="tw-w-4 tw-h-3"
                                />
                              </span>
                              <span
                                class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold"
                                >PRANCE</span
                              >
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>

                    <div class="col-12">
                      <label
                        for="description"
                        class="fw-normal tw-text-4 text-dark-600 tw-mb-205"
                        >Description*</label
                      >
                      <textarea
                        id="description"
                        class="tw-px-3 tw-pt-3 tw-pb-17 tw-text-4 text-dark-500 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600"
                        placeholder="Payment Description"
                      ></textarea>
                    </div>
                  </div>
                  <div class="position-relative z-1 tw-mt-6">
                    <button
                      type="submit"
                      class="request-button text-white tw-text-lg fw-semibold bg-base-two-600 tw-py-3 w-100 border-base-two-600 rounded-2"
                    >
                      REQUEST PAYMENT
                    </button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> -->
    <!-- ==============request section end==================== -->

    <!-- ================== How It Works Two Section Start ===================== -->
    <section class="py-140 z-1 bg-neutral-10 overflow-hidden">
        <div class="container">
    
            <div class="d-flex align-items-center tw-gap-4 justify-content-between tw-mb-80-px flex-wrap">
                <div class="max-w-330">
                    <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                        <img src="{{ asset('assets/images/icon/star-icon2.png')}}" alt="Image">
                        <h5 class="text-primary-600 fw-normal">How it Works</h5>
                    </div>
                    <h2 class="fw-normal cursor-big" data-aos="fade-up" data-aos-duration="800">Just Few Steps To Start</h2>
                </div>
                <div class="max-w-416">
                    <p class="fw-normal tw-text-lg text-dark-500 tw-mb-6" data-aos="fade-up" data-aos-duration="900">Simple and hassle-free! Just follow three easy steps to get started effortlessly today.</p>
                    <div class="position-relative" data-aos="fade-up" data-aos-duration="1000"> 
                        <a href="#" class="works-two-link bg-main-600 rounded-3 tw-px-5 tw-py-205 border-two-px-solid text-dark-700 fw-semibold hover-text-dark-600">
                            OPEN A FREE ACCOUNT
                        </a>
                    </div>
                </div>
            </div>
    
            <div class="row gy-4">
    
                <div class="col-xl-4 col-md-6">
                    <div class="group" data-aos="fade-up" data-aos-duration="1000">
                        <div class="how-it-work-two-item-one group-hover-bg-white tw-transition-04-secend tw-px-10 tw-py-10 rounded-4 position-relative margin-block-start-100px">
                            <span class="tw-w-84px tw-h-84-px bg-base-two-10 rounded-circle d-flex align-items-center justify-content-center tw-mb-12">
                                <span class="tw-w-72px tw-h-72-px bg-base-two-600 rounded-circle tw-text-8 text-white d-flex align-items-center justify-content-center">
                                    <i class="ph ph-user-check"></i>
                                </span>
                            </span>
                            <h4 class="fw-normal text-dark-600 tw-mb-3">Fill Your Details</h4>
                            <p class="fw-normal tw-text-lg text-dark-500">Provide basic information like income, employment type, and loan requirement</p>
                            <h2 class="fw-normal h1 gradient-text tw-text-140-px position-absolute tw-end-0 top-0 tw-me-10 tw-mt-15 cursor-big">1</h2>
                        </div>
                    </div>
                </div>
    
                <div class="col-xl-4 col-md-6">
                    <div class="group" data-aos="fade-up" data-aos-duration="800">
                        <div class="how-it-work-two-item-two group-hover-bg-white tw-transition-04-secend tw-px-10 tw-py-10 rounded-4 position-relative margin-block-start-50px">
                            <span class="tw-w-84px tw-h-84-px bg-base-two-10 rounded-circle d-flex align-items-center justify-content-center tw-mb-12">
                                <span class="tw-w-72px tw-h-72-px bg-base-two-600 rounded-circle tw-text-8 text-white d-flex align-items-center justify-content-center">
                                    <i class="ph ph-wallet"></i>
                                </span>
                            </span>
                            <h4 class="fw-normal text-dark-600 tw-mb-3">Apply Online</h4>
                            <p class="fw-normal tw-text-lg text-dark-500">Choose the best offer and submit your application digitally.</p>
                            <h2 class="fw-normal gradient-text h1 tw-text-140-px position-absolute tw-end-0 top-0 tw-me-10 tw-mt-15 cursor-big">2</h2>
                        </div>
                    </div>
                </div>
    
                <div class="col-xl-4 col-md-6">
                    <div class="group" data-aos="fade-up" data-aos-duration="600">
                        <div class="how-it-work-two-item-three group-hover-bg-white tw-transition-04-secend tw-px-10 tw-py-10 rounded-4 position-relative">
                            <span class="tw-w-84px tw-h-84-px bg-base-two-10 rounded-circle d-flex align-items-center justify-content-center tw-mb-12">
                                <span class="tw-w-72px tw-h-72-px bg-base-two-600 rounded-circle tw-text-8 text-white d-flex align-items-center justify-content-center">
                                    <i class="ph ph-paper-plane-tilt"></i>
                                </span>
                            </span>
                            <h4 class="fw-normal text-dark-600 tw-mb-3">Get Disbursal</h4>
                            <p class="fw-normal tw-text-lg text-dark-500">Receive approval and loan disbursal quickly.</p>
                            <h2 class="fw-normal gradient-text h1 tw-text-140-px position-absolute tw-end-0 top-0 tw-me-10 tw-mt-15 cursor-big">3</h2>
                        </div>
                    </div>
                </div>
    
            </div>
    
        </div>
    </section>
    <!-- ================== How It Works Two Section End ===================== -->

    <!-- ================ Mobile Section Start ==================== -->
    <section class="py-140 z-1 overflow-hidden">
      <div class="container">
        <div class="row gy-4">
          <div class="col-lg-6">
            <img
              src="{{ asset('assets/images/thumbs/banner-img1.png') }}"
              alt="Image"
              data-aos="zoom-in"
              data-aos-duration="1500"
            />
          </div>
          <div class="col-lg-6">
            <div class="max-w-480">
              <div
                class="d-flex align-items-center tw-gap-1 tw-mb-3"
                data-aos="fade-up"
                data-aos-duration="800"
              >
                <span class="">
                  <img
                    src="{{ asset('assets/images/icon/star-icon2.png') }}"
                    alt="Image"
                    class=""
                  />
                </span>
                <h5 class="text-primary-600 fw-normal">Mobile App 2.0 NEW</h5>
              </div>
              <h2
                class="fw-normal cursor-big h1 tw-mb-3"
                data-aos="fade-up"
                data-aos-duration="1000"
              >
                Download and enjoy the experience
              </h2>
              <p
                class="fw-normal text-dark-500 tw-text-lg tw-mb-8"
                data-aos="fade-up"
                data-aos-duration="1200"
              >
                Don't miss out! Download now for seamless functionalities and
                endless possibilities.
              </p>
              <div class="tw-mb-12">
                <div
                  class="d-flex align-items-center tw-gap-2 tw-mb-4"
                  data-aos="fade-up"
                  data-aos-duration="1400"
                >
                  <span class="tw-text-xl text-dark-600"
                    ><i class="ph ph-check-circle"></i
                  ></span>
                  <span class="text-dark-600 fw-medium tw-text-lg"
                    >Instant Mobile Access</span
                  >
                </div>
                <div
                  class="d-flex align-items-center tw-gap-2 tw-mb-4"
                  data-aos="fade-up"
                  data-aos-duration="1500"
                >
                  <span class="tw-text-xl text-dark-600"
                    ><i class="ph ph-check-circle"></i
                  ></span>
                  <span class="text-dark-600 fw-medium tw-text-lg"
                    >Effortless Transactions</span
                  >
                </div>
                <div
                  class="d-flex align-items-center tw-gap-2 tw-mb-4"
                  data-aos="fade-up"
                  data-aos-duration="1600"
                >
                  <span class="tw-text-xl text-dark-600"
                    ><i class="ph ph-check-circle"></i
                  ></span>
                  <span class="text-dark-600 fw-medium tw-text-lg"
                    >Personalized Insights</span
                  >
                </div>
              </div>
              <div class="d-flex align-items-center tw-gap-3 flex-wrap">
                <img
                  src="{{ asset('assets/images/logo/mobile-img1.png') }}"
                  alt="Image"
                  data-aos="zoom-out-right"
                  data-aos-duration="800"
                />
                <img
                  src="{{ asset('assets/images/logo/mobile-img2.png') }}"
                  alt="Image"
                  data-aos="zoom-out-left"
                  data-aos-duration="800"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- ================ Mobile Section End ==================== -->

    <!-- ==================== Testimonials Section Start ================ -->
    <section class="bg-neutral-10 py-140 z-1 overflow-hidden">
      <div class="container">
        <div
          class="d-flex align-items-center tw-gap-3 justify-content-between flex-wrap tw-mb-80-px"
        >
          <div class="max-w-522">
            <div
              class="d-flex align-items-center tw-gap-1 tw-mb-3"
              data-aos="fade-up"
              data-aos-duration="600"
            >
              <span class="">
                <img
                  src="{{ asset('assets/images/icon/star-icon2.png') }}"
                  alt="Image"
                  class=""
                />
              </span>
              <h5 class="text-primary-600 fw-normal">Testimonials</h5>
            </div>
            <h2
              class="fw-normal h1 cursor-big"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              What Our Clients Say About us
            </h2>
          </div>
          <div class="max-w-340">
            <p
              class="fw-normal tw-text-lg text-dark-500 tw-mb-8"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              245m+ happy clients all around the world. Don’t just take our word
              for it
            </p>
            <div
              class="d-flex align-items-center tw-gap-1"
              data-aos="fade-up"
              data-aos-duration="1000"
            >
              <button
                type="button"
                class="testimonial-button-prev w-12 h-12 border-base-two-600 border rounded-circle d-flex align-items-center justify-content-center tw-text-6 hover-bg-base-two-600 tw-transition-04-secend hover-text-white"
              >
                <i class="ph ph-caret-left"></i>
              </button>
              <button
                type="button"
                class="testimonial-button-next w-12 h-12 border-base-two-600 border rounded-circle d-flex align-items-center justify-content-center tw-text-6 hover-bg-base-two-600 tw-transition-04-secend hover-text-white"
              >
                <i class="ph ph-caret-right"></i>
              </button>
            </div>
          </div>
        </div>

        <div class="swiper testimonial-slider">
          <div class="swiper-wrapper d-flex">
            <div
              class="swiper-slide"
              data-aos="fade-up"
              data-aos-duration="600"
            >
              <div class="bg-white tw-px-8 tw-py-8 tw-rounded-xl w-100 h-100">
                <div class="">
                  <div
                    class="d-flex align-items-center justify-content-between tw-gap-3 flex-wrap tw-mb-6"
                  >
                    <img
                      src="{{ asset('assets/images/thumbs/testimonial-img1.png') }}"
                      alt="Darlene Robertson"
                    />
                    <div class="">
                      <h5 class="fw-medium text-dark-600 tw-mb-05">
                        Sumathi Reddy
                      </h5>
                      <span class="fw-normal text-dark-500 tw-text-lg"
                        >Business Owner</span
                      >
                    </div>
                    <img
                      src="{{ asset('assets/images/icon/testimonial-icon1.png') }}"
                      alt="Quote Icon"
                    />
                  </div>
                </div>
                <p class="fw-normal text-dark-500 tw-text-lg tw-mb-6">
                  “The loan application was very simple, and the support team guided me throughout the process. Highly recommended!”
                </p>
                <span class="w-100 bg-neutral-05 h-005 d-block"></span>
                <div
                  class="d-flex align-items-center tw-gap-5 justify-content-between flex-wrap tw-mt-8"
                >
                  <h4 class="fw-medium text-dark-600">4.5 - Excellent</h4>
                  <ul class="d-flex align-items-center tw-gap-1">
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star-half"></i>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="swiper-slide"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <div class="bg-white tw-px-8 tw-py-8 tw-rounded-xl w-100 h-100">
                <div class="">
                  <div
                    class="d-flex align-items-center justify-content-between tw-gap-3 flex-wrap tw-mb-6"
                  >
                    <img
                      src="{{ asset('assets/images/thumbs/testimonial-img2.png') }}"
                      alt="Darlene Robertson"
                    />
                    <div class="">
                      <h5 class="fw-medium text-dark-600 tw-mb-05">
                        Priya Singh
                      </h5>
                      <span class="fw-normal text-dark-500 tw-text-lg"
                        >Software Tester</span
                      >
                    </div>
                    <img
                      src="{{ asset('assets/images/icon/testimonial-icon1.png') }}"
                      alt="Quote Icon"
                    />
                  </div>
                </div>
                <p class="fw-normal text-dark-500 tw-text-lg tw-mb-6">
                  “The loan application was very simple, and the support team guided me throughout the process. Highly recommended!”
                </p>
                <span class="w-100 bg-neutral-05 h-005 d-block"></span>
                <div
                  class="d-flex align-items-center tw-gap-5 justify-content-between flex-wrap tw-mt-8"
                >
                  <h4 class="fw-medium text-dark-600">4.5 - Excellent</h4>
                  <ul class="d-flex align-items-center tw-gap-1">
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star-half"></i>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="swiper-slide"
              data-aos="fade-up"
              data-aos-duration="1000"
            >
              <div class="bg-white tw-px-8 tw-py-8 tw-rounded-xl w-100 h-100">
                <div class="">
                  <div
                    class="d-flex align-items-center justify-content-between tw-gap-3 flex-wrap tw-mb-6"
                  >
                    <img
                      src="{{ asset('assets/images/thumbs/testimonial-img3.png') }}"
                      alt="Darlene Robertson"
                    />
                    <div class="">
                      <h5 class="fw-medium text-dark-600 tw-mb-05">
                        Kathryn Murphy
                      </h5>
                      <span class="fw-normal text-dark-500 tw-text-lg"
                        >Sole Proprietor</span
                      >
                    </div>
                    <img
                      src="{{ asset('assets/images/icon/testimonial-icon1.png') }}"
                      alt="Quote Icon"
                    />
                  </div>
                </div>
                <p class="fw-normal text-dark-500 tw-text-lg tw-mb-6">
                  “The loan application was very simple, and the support team guided me throughout the process. Highly recommended!”
                </p>
                <span class="w-100 bg-neutral-05 h-005 d-block"></span>
                <div
                  class="d-flex align-items-center tw-gap-5 justify-content-between flex-wrap tw-mt-8"
                >
                  <h4 class="fw-medium text-dark-600">4.5 - Excellent</h4>
                  <ul class="d-flex align-items-center tw-gap-1">
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star-half"></i>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="swiper-slide"
              data-aos="fade-up"
              data-aos-duration="1200"
            >
              <div class="bg-white tw-px-8 tw-py-8 tw-rounded-xl w-100 h-100">
                <div class="">
                  <div
                    class="d-flex align-items-center justify-content-between tw-gap-3 flex-wrap tw-mb-6"
                  >
                    <img
                      src="{{ asset('assets/images/thumbs/testimonial-img2.png') }}"
                      alt="Darlene Robertson"
                    />
                    <div class="">
                      <h5 class="fw-medium text-dark-600 tw-mb-05">
                        Sandeep Sharma
                      </h5>
                      <span class="fw-normal text-dark-500 tw-text-lg"
                        >Enterpreneur</span
                      >
                    </div>
                    <img
                      src="{{ asset('assets/images/icon/testimonial-icon1.png') }}"
                      alt="Quote Icon"
                    />
                  </div>
                </div>
                <p class="fw-normal text-dark-500 tw-text-lg tw-mb-6">
                  “The loan application was very simple, and the support team guided me throughout the process. Highly recommended!”
                </p>
                <span class="w-100 bg-neutral-05 h-005 d-block"></span>
                <div
                  class="d-flex align-items-center tw-gap-5 justify-content-between flex-wrap tw-mt-8"
                >
                  <h4 class="fw-medium text-dark-600">4.5 - Excellent</h4>
                  <ul class="d-flex align-items-center tw-gap-1">
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star"></i>
                    </li>
                    <li class="tw-text-6 text-warning-500">
                      <i class="ph-fill ph-star-half"></i>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- ==================== Testimonials Section end ================ -->

    <!-- =============== FAQ Section Start ================ -->
    <section class="py-140 z-1 overflow-hidden">
      <div class="container">
        <div class="max-w-856 justify-content-center mx-auto">
          <div class="tw-mb-12">
            <div
              class="d-flex align-items-center justify-content-center text-center tw-mb-3"
              data-aos="fade-up"
              data-aos-duration="600"
            >
              <span
                ><img src="{{ asset('assets/images/icon/star-icon2.png')}}" alt="Image"
              /></span>
              <h5 class="text-primary-600 fw-normal cursor-big">Faq</h5>
            </div>
            <div
              class="max-w-560 text-center justify-content-center align-items-center mx-auto"
            >
              <h2
                class="fw-normal text-dark-600 tw-mb-4 cursor-big"
                data-aos="fade-up"
                data-aos-duration="800"
              >
                Frequently Asked Questions
              </h2>
              <p
                class="fw-normal tw-text-lg text-dark-500"
                data-aos="fade-up"
                data-aos-duration="1000"
              >
                Browse our comprehensive FAQ section for clear, concise answers
                to your most common banking queries.
              </p>
            </div>
          </div>

          <!-- <div class="tw-mb-80-px">
            <ul
              class="nav nav-pills nav-faq mb-3 align-items-center tw-gap-6"
              id="pills-tab-two"
              role="tablist"
            >
              <li class="nav-item" role="presentation">
                <button
                  class="nav-link nav-link-three w-100 tw-px-5 tw-py-6 text-center rounded-3 active"
                  id="pills-homeeee-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-homeeee"
                  type="button"
                  role="tab"
                  aria-controls="pills-homeeee"
                  aria-selected="true"
                >
                  <span
                    class="tw-mb-5 group-hover-item-text-invert tw-transition-04-secend d-block"
                  >
                    <img
                      src="{{ asset('assets/images/icon/faq-img1.png') }}"
                      alt="Image"
                      class="faq-img"
                    />
                  </span>
                  <span
                    class="faq-text fw-medium tw-text-lg text-dark-500 group-hover-text-white tw-transition-04-secend d-block"
                    >General Questions</span
                  >
                </button>
              </li>
              <li class="nav-item" role="presentation">
                <button
                  class="nav-link nav-link-three w-100 tw-px-5 tw-py-6 text-center rounded-3"
                  id="pills-mobileeee-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-mobileeee"
                  type="button"
                  role="tab"
                  aria-controls="pills-mobileeee"
                  aria-selected="false"
                >
                  <span
                    class="tw-mb-5 group-hover-item-text-invert tw-transition-04-secend d-block"
                  >
                    <img
                      src="{{ asset('assets/images/icon/faq-img2.png') }}"
                      alt="Image"
                      class="faq-img"
                    />
                  </span>
                  <span
                    class="faq-text fw-medium tw-text-lg text-dark-500 group-hover-text-white tw-transition-04-secend d-block"
                    >Mobile Banking</span
                  >
                </button>
              </li>
              <li class="nav-item" role="presentation">
                <button
                  class="nav-link nav-link-three w-100 tw-px-5 tw-py-6 text-center rounded-3"
                  id="pills-transferrrr-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-transferrrr"
                  type="button"
                  role="tab"
                  aria-controls="pills-transferrrr"
                  aria-selected="false"
                >
                  <span
                    class="tw-mb-5 group-hover-item-text-invert tw-transition-04-secend d-block"
                  >
                    <img
                      src="{{ asset('assets/images/icon/faq-img3.png') }}"
                      alt="Image"
                      class="faq-img"
                    />
                  </span>
                  <span
                    class="faq-text fw-medium tw-text-lg text-dark-500 group-hover-text-white tw-transition-04-secend d-block"
                    >Money Transfer</span
                  >
                </button>
              </li>
              <li class="nav-item" role="presentation">
                <button
                  class="nav-link nav-link-three w-100 tw-px-5 tw-py-6 text-center rounded-3"
                  id="pills-feessss-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-feessss"
                  type="button"
                  role="tab"
                  aria-controls="pills-feessss"
                  aria-selected="false"
                >
                  <span
                    class="tw-mb-5 group-hover-item-text-invert tw-transition-04-secend d-block"
                  >
                    <img
                      src="{{ asset('assets/images/icon/faq-img4.png') }}"
                      alt="Image"
                      class="faq-img"
                    />
                  </span>
                  <span
                    class="faq-text fw-medium tw-text-lg text-dark-500 group-hover-text-white tw-transition-04-secend d-block"
                    >Fees and Charges</span
                  >
                </button>
              </li>
            </ul>
          </div> -->

          <div class="tab-content" id="pills-tabContent-two">
            <div
              class="tab-pane fade show active"
              id="pills-homeeee"
              role="tabpanel"
              aria-labelledby="pills-homeeee-tab"
              tabindex="0"
            >
              <div class="accordion" id="accordionExample-one">
                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="600"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseOne"
                      aria-expanded="true"
                      aria-controls="collapseOne"
                    >
                     Will checking loan eligibility affect my credit score?
                    </button>
                  </h2>
                  <div
                    id="collapseOne"
                    class="accordion-collapse collapse show"
                    data-bs-parent="#accordionExample-one"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        No, basic eligibility checks generally use soft inquiries that do not impact your credit score.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="800"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseTwo"
                      aria-expanded="false"
                      aria-controls="collapseTwo"
                    >
                      How long does loan approval take?
                    </button>
                  </h2>
                  <div
                    id="collapseTwo"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-one"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        Approval timelines vary by lender, but many applications receive approval within a few hours.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="1000"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseThree1"
                      aria-expanded="false"
                      aria-controls="collapseThree1"
                    >
                     Is there any processing fee?
                    </button>
                  </h2>
                  <div
                    id="collapseThree1"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-one"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        Processing fees depend on the lender and loan type.
                      </p>
                    </div>
                  </div>
                </div>
                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="1200"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseFour1"
                      aria-expanded="false"
                      aria-controls="collapseFour1"
                    >
                     Can self-employed applicants apply?
                    </button>
                  </h2>
                  <div
                    id="collapseFour1"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-one"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        Yes, both salaried and self-employed applicants can apply.
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="tab-pane fade"
              id="pills-mobileeee"
              role="tabpanel"
              aria-labelledby="pills-mobileeee-tab"
              tabindex="0"
            >
              <div class="accordion" id="accordionExample-two">
                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="600"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseOnee"
                      aria-expanded="true"
                      aria-controls="collapseOnee"
                    >
                      What services do you offer?
                    </button>
                  </h2>
                  <div
                    id="collapseOnee"
                    class="accordion-collapse collapse show"
                    data-bs-parent="#accordionExample-two"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="800"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseTwoo"
                      aria-expanded="false"
                      aria-controls="collapseTwoo"
                    >
                      How do I access online and mobile banking?
                    </button>
                  </h2>
                  <div
                    id="collapseTwoo"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-two"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="1000"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseThree2"
                      aria-expanded="false"
                      aria-controls="collapseThree2"
                    >
                      What fees should I expect?
                    </button>
                  </h2>
                  <div
                    id="collapseThree2"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-two"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="1200"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseFour2"
                      aria-expanded="false"
                      aria-controls="collapseFour2"
                    >
                      What security measures protect my information?
                    </button>
                  </h2>
                  <div
                    id="collapseFour2"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-two"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="tab-pane fade"
              id="pills-transferrrr"
              role="tabpanel"
              aria-labelledby="pills-transferrrr-tab"
              tabindex="0"
            >
              <div class="accordion" id="accordionExample-three">
                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="600"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseOneee"
                      aria-expanded="true"
                      aria-controls="collapseOneee"
                    >
                      What services do you offer?
                    </button>
                  </h2>
                  <div
                    id="collapseOneee"
                    class="accordion-collapse collapse show"
                    data-bs-parent="#accordionExample-three"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="800"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseTwooo"
                      aria-expanded="false"
                      aria-controls="collapseTwooo"
                    >
                      How do I access online and mobile banking?
                    </button>
                  </h2>
                  <div
                    id="collapseTwooo"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-three"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="1000"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseThree3"
                      aria-expanded="false"
                      aria-controls="collapseThree3"
                    >
                      What fees should I expect?
                    </button>
                  </h2>
                  <div
                    id="collapseThree3"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-three"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="1200"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseFour3"
                      aria-expanded="false"
                      aria-controls="collapseFour3"
                    >
                      What security measures protect my information?
                    </button>
                  </h2>
                  <div
                    id="collapseFour3"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-three"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="tab-pane fade"
              id="pills-feessss"
              role="tabpanel"
              aria-labelledby="pills-feessss-tab"
              tabindex="0"
            >
              <div class="accordion" id="accordionExample-four">
                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="600"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseOneeee"
                      aria-expanded="true"
                      aria-controls="collapseOneeee"
                    >
                      What services do you offer?
                    </button>
                  </h2>
                  <div
                    id="collapseOneeee"
                    class="accordion-collapse collapse show"
                    data-bs-parent="#accordionExample-four"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="800"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseTwoooo"
                      aria-expanded="false"
                      aria-controls="collapseTwooooo"
                    >
                      How do I access online and mobile banking?
                    </button>
                  </h2>
                  <div
                    id="collapseTwooooo"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-four"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="1000"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseThree4"
                      aria-expanded="false"
                      aria-controls="collapseThree4"
                    >
                      What fees should I expect?
                    </button>
                  </h2>
                  <div
                    id="collapseThree4"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-four"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>

                <div
                  class="accordion-item tw-mb-6 rounded-3 bg-neutral-10 border-neutral-1px-solid"
                  data-aos="fade-up"
                  data-aos-duration="1200"
                >
                  <h2 class="accordion-header cursor-big position-relative z-2">
                    <button
                      class="accordion-button collapsed bg-neutral-10 rounded-3 tw-text-xl tw-gap-1"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapseFour4"
                      aria-expanded="false"
                      aria-controls="collapseFour4"
                    >
                      What security measures protect my information?
                    </button>
                  </h2>
                  <div
                    id="collapseFour4"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample-four"
                  >
                    <div class="accordion-body">
                      <p class="fw-normal tw-text-lg text-dark-600">
                        To access online and mobile banking, simply log in using
                        your registered email or phone number along with your
                        secure password. You can use our website via any browser
                        or download our mobile app from the App Store or Google
                        Play.
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- =============== FAQ Section End ================ -->

    <!-- =================== payment method section start ========================== -->
    <!-- <section class="bg-neutral-10 py-140 z-1 overflow-hidden">
      <div class="container">
        <h2
          class="fw-normal text-dark-600 tw-mb-80-px h1 text-center"
          data-aos="fade-up"
          data-aos-duration="800"
        >
          Payment Method
        </h2>
        <div class="">
          <div class="swiper payment-mathod-slider overflow-hidden tw-h-180-px">
            <div class="swiper-wrapper d-flex">
              <div class="swiper-slide">
                <div class="single">
                  <img
                    src="{{ asset('assets/images/logo/payment-method-img1.png') }}"
                    alt="Image"
                  />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="single">
                  <img
                    src="{{ asset('assets/images/logo/payment-mathod-img2.png') }}"
                    alt="Image"
                  />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="single">
                  <img
                    src="{{ asset('assets/images/logo/payment-mathod-img3.png') }}"
                    alt="Image"
                  />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="single">
                  <img
                    src="{{ asset('assets/images/logo/payment-mathod-img4.png') }}"
                    alt="Image"
                  />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="single">
                  <img
                    src="{{ asset('assets/images/logo/payment-mathod-img5.png') }}"
                    alt="Image"
                  />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="single">
                  <img
                    src="{{ asset('assets/images/logo/payment-mathod-img6.png') }}"
                    alt="Image"
                  />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="single">
                  <img
                    src="{{ asset('assets/images/logo/payment-mathod-img7.png') }}"
                    alt="Image"
                  />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="single">
                  <img
                    src="{{ asset('assets/images/logo/payment-mathod-img4.png') }}"
                    alt="Image"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="d-flex align-items-center justify-content-center">
          <button
            type="button"
            class="payment-method-button-next w-12 h-12 border-base-two-600 border rounded-circle tw-text-6 text-base-two-600 d-flex align-items-center justify-content-center hover-bg-base-two-600 hover-text-white tw-duration-400"
            data-aos="fade-right"
            data-aos-duration="800"
          >
            <i class="ph ph-caret-left"></i>
          </button>
          <button
            type="button"
            class="payment-method-button-prev w-12 h-12 border-base-two-600 border rounded-circle tw-text-6 text-base-two-600 d-flex align-items-center justify-content-center hover-bg-base-two-600 hover-text-white tw-duration-400"
            data-aos="fade-left"
            data-aos-duration="800"
          >
            <i class="ph ph-caret-right"></i>
          </button>
        </div>
      </div>
    </section> -->
    <!-- =================== payment method section end ========================== -->

    <!-- ======================= articles section start ===================== -->
    <!-- <section class="py-140 z-1 overflow-hidden">
      <div class="container">
        <div
          class="d-flex tw-gap-5 justify-content-between flex-wrap tw-mb-80-px"
        >
          <div class="max-w-768">
            <div
              class="d-flex align-items-center tw-gap-1 tw-mb-3"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <img src="{{ asset('assets/images/icon/star-icon3.png')}}" alt="Image" />
              <h5 class="fw-normal text-dark-600 cursor-big">Articles</h5>
            </div>
            <h2
              class="fw-normal text-dark-600 h1 cursor-big"
              data-aos="fade-up"
              data-aos-duration="1000"
            >
              Our Latest
              <br />
              Blog
            </h2>
          </div>
          <div class="max-w-350">
            <p
              class="text-dark-500 fw-normal tw-text-lg tw-mb-8"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              Discover Our Latest Expert Insights, Tips, and Trends on the Blog
              Today
            </p>
            <div
              class="position-relative"
              data-aos="fade-up"
              data-aos-duration="1000"
            >
              <a
                href="#?"
                class="articles-link tw-px-5 tw-py-205 bg-main-600 rounded-3 tw-text-lg text-dark-700 border-two-px-solid fw-semibold hover-text-dark-600"
              >
                ALL BLOGS
              </a>
            </div>
          </div>
        </div>

        <div class="row gy-4">
          <div class="col-xxl-6">
            <div
              class="tw-px-6 tw-py-6 bg-neutral-10 rounded-3"
              data-aos="fade-up"
              data-aos-duration="900"
            >
              <span class="tw-mb-4 w-100 h-100">
                <img
                  src="{{ asset('assets/images/thumbs/articles-img1.png') }}"
                  alt="Image"
                  class="w-100 h-100"
                />
              </span>
              <div class="tw-px-4 tw-pb-2">
                <div
                  class="d-flex align-items-center tw-gap-4 flex-wrap justify-content-between tw-mb-6"
                >
                  <span class="d-flex align-items-center tw-gap-2">
                    <span class="tw-text-6 text-dark-600">
                      <i class="ph ph-user"></i>
                    </span>
                    <span class="fw-normal tw-text-lg text-dark-800"
                      >Admin</span
                    >
                  </span>
                  <span class="d-flex align-items-center tw-gap-2">
                    <span class="tw-text-6 text-dark-600">
                      <i class="ph ph-chat-text"></i>
                    </span>
                    <span class="fw-normal tw-text-lg text-dark-800"
                      >02 Comments</span
                    >
                  </span>
                </div>
                <h3 class="fw-normal tw-mb-3 text-dark-600 cursor-big">
                  Analytics-Driven Strategies for Business Success
                </h3>
                <p class="fw-normal tw-text-lg text-dark-500 tw-mb-8">
                  Discover how data and analytics transform your business
                  strategies and decision-making processes.
                </p>
                <div class="position-relative z-1">
                  <a
                    href="#?"
                    class="articles-view-link tw-px-5 tw-py-205 bg-main-600 rounded-3 text-dark-600 fw-semibold tw-text-lg hover-text-dark-600"
                  >
                    VIEW DETAILS
                  </a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xxl-6">
            <div class="">
              <div
                class="tw-px-3 tw-py-3 bg-neutral-10 rounded-3 d-flex align-items-center tw-gap-5 flex-wrap tw-mb-6"
                data-aos="fade-up"
                data-aos-duration="800"
              >
                <img
                  src="{{ asset('assets/images/thumbs/articles-img2.png') }}"
                  alt="Image"
                  class="articles-img tw-mb-4 max-w-256 h-100 bg-img"
                />
                <div class="articles-text max-w-320 tw-px-3 tw-py-5">
                  <div
                    class="d-flex align-items-center tw-gap-4 flex-wrap justify-content-between tw-mb-6"
                  >
                    <span class="d-flex align-items-center tw-gap-2">
                      <span class="tw-text-6 text-dark-600">
                        <i class="ph ph-user"></i>
                      </span>
                      <span class="fw-normal tw-text-lg text-dark-800"
                        >Admin</span
                      >
                    </span>
                    <span class="d-flex align-items-center tw-gap-2">
                      <span class="tw-text-6 text-dark-600">
                        <i class="ph ph-chat-text"></i>
                      </span>
                      <span class="fw-normal tw-text-lg text-dark-800"
                        >02 Comments</span
                      >
                    </span>
                  </div>
                  <h4
                    class="fw-normal tw-mb-3 text-dark-600 cursor-big line-clamp-2"
                  >
                    How to Pay Bills Online: A Beginner’s Guide
                  </h4>
                  <p class="fw-normal tw-text-lg text-dark-500 tw-mb-8">
                    From understanding customer behavior to predicting market
                    trends,
                  </p>
                  <div class="position-relative z-1">
                    <a
                      href="#?"
                      class="articles-view-link tw-px-5 tw-py-205 bg-main-600 rounded-3 text-dark-600 fw-semibold tw-text-lg hover-text-dark-600"
                    >
                      VIEW DETAILS
                    </a>
                  </div>
                </div>
              </div>

              <div
                class="tw-px-3 tw-py-3 bg-neutral-10 rounded-3 d-flex align-items-center tw-gap-6 flex-wrap"
                data-aos="fade-up"
                data-aos-duration="1000"
              >
                <img
                  src="{{ asset('assets/images/thumbs/articles-img3.png')}}"
                  alt="Image"
                  class="articles-img tw-mb-4 max-w-256 h-100 bg-img"
                />
                <div class="articles-text max-w-320 tw-px-3 tw-py-5">
                  <div
                    class="d-flex align-items-center tw-gap-4 flex-wrap justify-content-between tw-mb-6"
                  >
                    <span class="d-flex align-items-center tw-gap-2">
                      <span class="tw-text-6 text-dark-600">
                        <i class="ph ph-user"></i>
                      </span>
                      <span class="fw-normal tw-text-lg text-dark-800"
                        >Admin</span
                      >
                    </span>
                    <span class="d-flex align-items-center tw-gap-2">
                      <span class="tw-text-6 text-dark-600">
                        <i class="ph ph-chat-text"></i>
                      </span>
                      <span class="fw-normal tw-text-lg text-dark-800"
                        >02 Comments</span
                      >
                    </span>
                  </div>
                  <h4
                    class="fw-normal tw-mb-3 text-dark-600 cursor-big line-clamp-2"
                  >
                    How to Pay Bills Online: A Beginner’s Guide
                  </h4>
                  <p class="fw-normal tw-text-lg text-dark-500 tw-mb-8">
                    From understanding customer behavior to predicting market
                    trends,
                  </p>
                  <div class="position-relative z-1">
                    <a
                      href="#?"
                      class="articles-view-link tw-px-5 tw-py-205 bg-main-600 rounded-3 text-dark-600 fw-semibold tw-text-lg hover-text-dark-600"
                    >
                      VIEW DETAILS
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section> -->
    <!-- ======================= articles section end ===================== -->



    


@endsection
