<?php include('../components/pages.head.php'); ?>
<body>
    <?php include('../components/pages.header.php'); ?>
    
    <main>
        <!-- Breadcrumbs S t a r t -->
        <section class="breadcrumbs-area breadcrumb-bg">
            <div class="container">
                <h1 class="title wow fadeInUp" data-wow-delay="0.0s">About <?php echo $siteName ?></php></h1>
            </div>

        </section>
        <!--/ End-of Breadcrumbs-->

        <!-- About Us area S t a r t -->
        <section class="about-area">
            <div class="container">
                <div class="row g-4">
                    <div class="col-xl-5 col-lg-6">
                        <div class="section-title mx-430 mb-30 w-md-100">
                            <h4 class="title">
                                Welcome to the human side of banking
                            </h4>
                            <p class="pera">
                                Here, we care about the story behind the transaction. 
                                That means putting you first in everything we do. 
                                Not just listening to your goals, but helping you reach them—all the 
                                while guided by your voice, your vision and everything that makes you, well, you.
                            </p>
                            <p class="pera">
                                As a global leader in financial services, we’re transforming businesses 
                                and empowering communities with product, services, and contributions, 
                                but more importantly, we’re enriching the lives of our clients. 
                                See the work we’ve done and how we’re building a 
                                better world for everyone around us.
                            </p>
                            <div class="section-button mt-27 d-inline-block">
                                <a href="#" class="btn-primary-icon-sm radius-20">
                                    <p class="pera mt-0 p-3">
                                        Choose what's right for you
                                        Choose <?php echo $siteName ?> because we helps make your everyday banking simple
                                    </p>
                                </a>
                            </div>
                            <div class="about-imp-link mt-40">
                                <div class="icon">
                                    <i class="ri-user-line"></i>
                                </div>
                                <div class="content">
                                    <p class="pera font-16">
                                        We’ve made it easy for <?php echo $siteNameShort ?> employees to harness their creativity, 
                                        bring their ideas to life, and solve customer and colleague problems.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-6">
                        <div class="about-count-section about-count-before-bg">
                            <div class="banner">
                                <img src="../assets/images/about-ban.jpg" alt="travello">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--/ End-of About US-->

        <!-- Pricing S t a r t -->
        <section class="pricing-area pb-0 section-bg-before-two">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-7">
                        <div class="section-title text-center mx-605 mx-auto position-relative">
                            <h4 class=" title">
                                9 million people bank with <?php echo $siteNameShort ?>. Join Us Today
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="position-relative">
                    <div class="row g-4">
                         <div class="col-xl-3 col-lg-3">
                            <div class="price-card h-calc wow fadeInUp" data-wow-delay="0.0s">
                                <div class="price-header">
                                    <h1 class="text-center">
                                        <i class="ri-currency-line"></i>
                                    </h1>
                                    <div class="d-flex gap-7 mb-2">
                                        <h4 class="title text-center">
                                          Going the extra mile for our customers
                                        </h4>
                                        <div class="price-badge d-none">popular</div>
                                    </div>
                                    <p class="pera mt-3">
                                     Life happens, and just keeps happening. 
                                     This is banking that fits your life—not the other way around.
                                    </p>
                                </div>
                            </div>
                        </div>
                         <div class="col-xl-3 col-lg-3">
                            <div class="price-card h-calc wow fadeInUp" data-wow-delay="0.0s">
                                <div class="price-header">
                                    <h1 class="text-center">
                                        <i class="ri-wallet-3-line"></i>
                                    </h1>
                                    <div class="d-flex gap-7 mb-2">
                                        <h4 class="title text-center">
                                          Helping our communities thrive
                                        </h4>
                                        <div class="price-badge d-none">popular</div>
                                    </div>
                                    <p class="pera mt-3">
                                     For us, giving back goes way beyond writing checks (though we do a bit of that, too).
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3">
                            <div class="price-card h-calc wow fadeInUp" data-wow-delay="0.0s">
                                <div class="price-header">
                                    <h1 class="text-center">
                                        <i class="ri-bank-line"></i>
                                    </h1>
                                    <div class="d-flex gap-7 mb-2">
                                        <h4 class="title text-center">
                                          Showing up for our colleagues
                                        </h4>
                                        <div class="price-badge d-none">popular</div>
                                    </div>
                                    <p class="pera mt-3">
                                     We work in a diverse and inclusive workplace, where every voice is heard—and celebrated.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3">
                            <div class="price-card h-calc wow fadeInUp" data-wow-delay="0.0s">
                                <div class="price-header">
                                    <h1 class="text-center">
                                        <i class="ri-cash-line"></i>
                                    </h1>
                                    <div class="d-flex gap-7 mb-2">
                                        <h4 class="title text-center">
                                          The best in us starts with you
                                        </h4>
                                        <div class="price-badge d-none">popular</div>
                                    </div>
                                    <p class="pera mt-3">
                                     Because it's you—and all the rest of our customers, colleagues and community members.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--/ End of Pricing -->

        <!-- Testimonial S t a r t -->
        <section class="testimonial-area section-padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-7">
                        <div class="section-title mx-auto text-center">
                            <h4 class="title">
                                Our Story, Commitment, Vision and Leadership
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex flex-wrap gap-24">
                <div class="swiper bulletLeftSwiper-active">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide testimonial-card">
                            <div class="testimonial-header">
                                <div class="user-info">
                                    <h4 class="name">Our Story</h4>
                                </div>
                            </div>
                            <div class="testimonial-body">
                                <p class="pera">
                                    From humble beginnings to a globally connected bank, we’re simplifying 
                                    banking for millions of clients with our decades of international expertise.
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide testimonial-card">
                            <div class="testimonial-header">
                                <div class="user-info">
                                    <h4 class="name">Our Commitment</h4>
                                </div>
                            </div>
                            <div class="testimonial-body">
                                <p class="pera">
                                    Responsible banking includes helping our communities prosper, succeed, and grow. 
                                    For individuals and families, small businesses, and entire neighborhoods
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide testimonial-card">
                            <div class="testimonial-header">
                                <div class="user-info">
                                    <h4 class="name">Leadership</h4>
                                </div>
                            </div>
                            <div class="testimonial-body">
                                <p class="pera">
                                   See the latest shareholder information and other resources for shareholders and investors.
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide testimonial-card">
                            <div class="testimonial-header">
                                <div class="user-info">
                                    <h4 class="name">Our Goal</h4>
                                </div>
                            </div>
                            <div class="testimonial-body">
                                <p class="pera">
                                   We work to build paths to prosperity through a range of philanthropic 
                                   initiatives, outreach programs targeting underserved groups, and by supporting the green economy.
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide testimonial-card">
                            <div class="testimonial-header">
                                <div class="user-info">
                                    <h4 class="name">Solutions</h4>
                                </div>
                            </div>
                            <div class="testimonial-body">
                                <p class="pera">
                                   With Banking Solutions Designed to Increase the 
                                   productivity and growth, together we will make your business vision a reality.
                                </p>
                            </div>
                        </div>
                        
                        
                    </div>
                </div>
            </div>
            
        </section>
        <!--/ End of Testimonial -->
    </main>

    <!-- Footer S t a r t -->
   <?php include('../components/pages.footer.php'); ?>