


        <div class="stricky-header stricked-menu main-menu">
            <div class="sticky-header__content"></div><!-- /.sticky-header__content -->
        </div><!-- /.stricky-header -->


        <!--Main Slider Start-->
        <section class="main-slider main-slider-style1">
            <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
                "effect": "fade",
                "pagination": {
                "el": "#main-slider-pagination",
                "type": "bullets",
                "clickable": true
                },
                "navigation": {
                "nextEl": "#main-slider__swiper-button-next",
                "prevEl": "#main-slider__swiper-button-prev"
                },
                "autoplay": {
                "delay": 5000
                }}'>
                <div class="swiper-wrapper">
                    <div class="slider-buttom-box">
                        <a class="style2" href="/login">Login <span class="icon-play-button"></span></a>
                        <a href="/contact">Make an Enquiry <span class="icon-play-button"></span></a>
                    </div>

                    <!--Start Single Swiper Slide-->
                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(assets/images/slides/slide-v1-1.jpg);">
                        </div>
                        <div class="main-slider-style1__shape1"
                            style="background-image: url(assets/images/shapes/slider-1-shape-1.png);">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-content">
                                        <div class="main-slider-content__inner">
                                            <div class="big-title">
                                                <h2>HCN Capital Fund<br>Banking for bold<br> decisions</h2>
                                            </div>
                                            <div class="text">
                                                <p>
                                                    Experience cloud-native money movement, instant insights, and people who know your goals.
                                                </p>
                                            </div>
                                            <div class="btns-box">
                                                <a class="btn-one" href="/login">
                                                    <span class="txt">
                                                        Online Banking
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Swiper Slide-->

                    <!--Start Single Swiper Slide-->
                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(assets/images/slides/slide-v1-2.jpg);">
                        </div>
                        <div class="main-slider-style1__shape1"
                            style="background-image: url(assets/images/shapes/slider-1-shape-1.png);">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-content">
                                        <div class="main-slider-content__inner">
                                            <div class="big-title">
                                                <h2>Secure, smart &<br> deeply personal<br> banking</h2>
                                            </div>
                                            <div class="text">
                                            <p>
                                                Unlock biometric logins, intelligent alerts, and dedicated advisors in one elegant experience.
                                                </p>
                                            </div>
                                            <div class="btns-box">
                                                <a class="btn-one" href="/contact">
                                                    <span class="txt">
                                                        Make an Appointment
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Swiper Slide-->

                    <!--Start Single Swiper Slide-->
                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(assets/images/slides/slide-v1-3.jpg);">
                        </div>
                        <div class="main-slider-style1__shape1"
                            style="background-image: url(assets/images/shapes/slider-1-shape-1.png);">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-content">
                                        <div class="main-slider-content__inner">
                                            <div class="big-title">
                                                <h2>Infrastructure for<br> modern wealth<br> creation</h2>
                                            </div>
                                            <div class="text">
                                            <p>
                                                Build, invest, and scale with tools engineered for founders, families, and future-ready ventures.
                                                </p>
                                            </div>
                                            <div class="btns-box">
                                                <a class="btn-one" href="/login">
                                                    <span class="txt">
                                                        Online Banking
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Swiper Slide-->


                </div>

                <!-- If we need navigation buttons -->
                <div class="main-slider__nav">
                    <div class="swiper-button-prev" id="main-slider__swiper-button-next">
                        <i class="icon-chevron left"></i>
                    </div>
                    <div class="swiper-button-next" id="main-slider__swiper-button-prev">
                        <i class="icon-chevron right"></i>
                    </div>
                </div>

            </div>
        </section>
        <!--Main Slider End-->

        <!--Start Features Style1 Area-->
        <section class="features-style1-area">
            <div class="container">
                <div class="sec-title text-center">
                    <h2>Designing Finance for Tomorrow</h2>
                    <div class="sub-title">
                        <p>HCN Capital Fund blends regulated banking with intelligent automation.</p>
                    </div>
                </div>
                <div class="features-style1-content">
                    <ul class="clearfix">
                        <!--Start Single Features Style1 Box-->
                        <li>
                            <div class="single-features-style1-box">
                                <div class="shape-left">
                                    <img src= "/assets/images/shapes/shape-1.png" alt="">
                                </div>
                                <div class="shape-bottom">
                                    <img src= "/assets/images/shapes/shape-2.png" alt="">
                                </div>
                                <div class="counting-box">
                                    <div class="counting-box-bg"
                                        style="background-image: url(assets/images/shapes/counting-box-bg.png);"></div>
                                    <h3>01</h3>
                                </div>
                                <div class="text-box">
                                    <h4>Savings Account</h4>
                                    <h3>Explore range of Savings accounts</h3>
                                    <p>Benefit from competitive interest rates, flexible withdrawal options, and secure online access, Our savings accounts are crafted to empower you to achieve your financial goals.</p>
                                    <div class="btn-box">
                                        <a href="/account-savings">
                                            Read More
                                            <i class="fas fa-plus"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!--End Single Features Style1 Box-->
                        <!--Start Single Features Style1 Box-->
                        <li>
                            <div class="single-features-style1-box">
                                <div class="shape-left">
                                    <img src= "/assets/images/shapes/shape-1.png" alt="">
                                </div>
                                <div class="shape-bottom">
                                    <img src= "/assets/images/shapes/shape-2.png" alt="">
                                </div>
                                <div class="counting-box">
                                    <div class="counting-box-bg"
                                        style="background-image: url(assets/images/shapes/counting-box-bg.png);"></div>
                                    <h3>02</h3>
                                </div>
                                <div class="text-box">
                                    <h4>Checking Account</h4>
                                    <h3>Simplified day-to-day transaction</h3>
                                    <p>Enjoy features such as online banking, mobile check deposits, and easy fund transfers, Our checking accounts are designed to provide you with quick access to your funds while ensuring security and peace of mind.</p>
                                    <div class="btn-box">
                                        <a href="/account-checking">
                                            Read More
                                            <i class="fas fa-plus"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!--End Single Features Style1 Box-->
                        <!--Start Single Features Style1 Box-->
                        <li>
                            <div class="single-features-style1-box">
                                <div class="shape-left">
                                    <img src= "/assets/images/shapes/shape-1.png" alt="">
                                </div>
                                <div class="shape-bottom">
                                    <img src= "/assets/images/shapes/shape-2.png" alt="">
                                </div>
                                <div class="counting-box">
                                    <div class="counting-box-bg"
                                        style="background-image: url(assets/images/shapes/counting-box-bg.png);"></div>
                                    <h3>03</h3>
                                </div>
                                <div class="text-box">
                                    <h4>Loans</h4>
                                    <h3>Explore diverse loan offerings</h3>
                                    <p>From personal loans to home mortgages, our competitive interest rates and flexible repayment options make achieving your dreams more accessible. </p>
                                    <div class="btn-box">
                                        <a href="/loans">
                                            Read More
                                            <i class="fas fa-plus"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!--End Single Features Style1 Box-->
                    </ul>
                </div>
            </div>
        </section>
        <!--End Features Style1 Area-->

        <!--Start Service Style1 Area-->
        <section class="service-style1-area">
            <div class="service-style1-bg" style="background-image: url(assets/images/backgrounds/service-style1.jpg);">
            </div>
            <div class="container">

                <div class="row">
                    <div class="col-xl-12">
                        <div class="service-style1-title">
                            <div class="sec-title">
                                <h2>Banking For Your Needs</h2>
                                <div class="sub-title">
                                    <p>The bank that builds better relationships.</p>
                                </div>
                            </div>
                            <div class="get-assistant-box">
                                <a href="#"><span class="icon-chatting"></span></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xl-12">
                        <div class="service-style1-tab">
                            <!--Start Service Style1 Tab Button-->
                            <div class="service-style1-tab__button">
                                <ul class="tabs-button-box clearfix">
                                    <li data-tab="#individuals" class="tab-btn-item">
                                        <div class="inner">
                                            <div class="left">
                                                <h4>Banking for</h4>
                                                <h3>Individuals</h3>
                                            </div>
                                            <div class="right">
                                                <span class="icon-down-arrow"></span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-tab="#companies" class="tab-btn-item active-btn-item">
                                        <div class="inner">
                                            <div class="left">
                                                <h4>Banking for</h4>
                                                <h3>Companies</h3>
                                            </div>
                                            <div class="right">
                                                <span class="icon-down-arrow"></span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!--End Service Style1 Tab Button-->

                            <!--Start Tabs Content Box-->
                            <div class="tabs-content-box">

                                <!--Tab-->
                                <div class="tab-content-box-item" id="individuals">
                                    <div class="service-style1-tab-content-box-item">
                                        <div class="row">
                                            <!--Start Single Service Box Style1-->
                                            <div class="col-xl-4 col-lg-4">
                                                <div class="single-service-box-style1">
                                                    <div class="icon">
                                                        <span class="icon-safebox"></span>
                                                    </div>
                                                    <h3><a href="#">Savings & CDs</a></h3>
                                                    <div class="border-box"></div>
                                                    <p>Discover a range of Savings and Certificate of Deposit (CD) options designed to grow your wealth. Whether you're saving for short-term goals or securing your future with long-term investments, our competitive interest rates and flexible terms make your financial aspirations a reality.</p>
                                                    <!-- <h6><span>*</span> Interest rate up to 5% p.a</h6> -->
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-right-arrow"></span></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--End Single Service Box Style1-->
                                            <!--Start Single Service Box Style1-->
                                            <div class="col-xl-4 col-lg-4">
                                                <div class="single-service-box-style1">
                                                    <div class="icon">
                                                        <span class="icon-online"></span>
                                                    </div>
                                                    <h3><a href="#">Online & Mobile</a></h3>
                                                    <div class="border-box"></div>
                                                    <p>Seamlessly manage your finances anytime, anywhere with our intuitive Online and Mobile banking platforms. Enjoy the convenience of 24/7 account access, secure transactions, and real-time monitoring. Your financial control is now at your fingertips.</p>
                                                    <!-- <h6><span>*</span> Terms & Conditions</h6> -->
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-right-arrow"></span></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--End Single Service Box Style1-->
                                            <!--Start Single Service Box Style1-->
                                            <div class="col-xl-4 col-lg-4">
                                                <div class="single-service-box-style1">
                                                    <div class="icon">
                                                        <span class="icon-loan"></span>
                                                    </div>
                                                    <h3><a href="#">Consumer Loans</a></h3>
                                                    <div class="border-box"></div>
                                                    <p>Fulfill your dreams and achieve your goals with our suite of Consumer Loans. Whether it's a new car, home improvements, or a personal project, our low-interest loans and flexible repayment plans ensure financial support without unnecessary burden. </p>
                                                    <!-- <h6><span>*</span> Check today’s Interest Rates</h6> -->
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-right-arrow"></span></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--End Single Service Box Style1-->
                                        </div>
                                    </div>
                                </div>

                                <!--Tab-->
                                <div class="tab-content-box-item tab-content-box-item-active" id="companies">
                                    <div class="service-style1-tab-content-box-item">
                                        <div class="row">
                                                                                        <!--Start Single Service Box Style1-->
                                                                                        <div class="col-xl-4 col-lg-4">
                                                <div class="single-service-box-style1">
                                                    <div class="icon">
                                                        <span class="icon-safebox"></span>
                                                    </div>
                                                    <h3><a href="#">Savings & CDs</a></h3>
                                                    <div class="border-box"></div>
                                                    <p>Discover a range of Savings and Certificate of Deposit (CD) options designed to grow your wealth. Whether you're saving for short-term goals or securing your future with long-term investments, our competitive interest rates and flexible terms make your financial aspirations a reality.</p>
                                                    <!-- <h6><span>*</span> Interest rate up to 5% p.a</h6> -->
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-right-arrow"></span></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--End Single Service Box Style1-->
                                            <!--Start Single Service Box Style1-->
                                            <div class="col-xl-4 col-lg-4">
                                                <div class="single-service-box-style1">
                                                    <div class="icon">
                                                        <span class="icon-online"></span>
                                                    </div>
                                                    <h3><a href="#">Online & Mobile</a></h3>
                                                    <div class="border-box"></div>
                                                    <p>Seamlessly manage your finances anytime, anywhere with our intuitive Online and Mobile banking platforms. Enjoy the convenience of 24/7 account access, secure transactions, and real-time monitoring. Your financial control is now at your fingertips.</p>
                                                    <!-- <h6><span>*</span> Terms & Conditions</h6> -->
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-right-arrow"></span></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--End Single Service Box Style1-->
                                            <!--Start Single Service Box Style1-->
                                            <div class="col-xl-4 col-lg-4">
                                                <div class="single-service-box-style1">
                                                    <div class="icon">
                                                        <span class="icon-loan"></span>
                                                    </div>
                                                    <h3><a href="#">Consumer Loans</a></h3>
                                                    <div class="border-box"></div>
                                                    <p>Fulfill your dreams and achieve your goals with our suite of Consumer Loans. Whether it's a new car, home improvements, or a personal project, our low-interest loans and flexible repayment plans ensure financial support without unnecessary burden. </p>
                                                    <!-- <h6><span>*</span> Check today’s Interest Rates</h6> -->
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-right-arrow"></span></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--End Single Service Box Style1-->
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!--End Tabs Content Box-->

                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xl-12">
                        <div class="service-style1__btns-box text-center">
                            <a class="btn-one" href="#">
                                <span class="txt">View All Services</span>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <!--End Service Style1 Area-->

        <!--Start Wealth Secure Area-->
        <section class="wealth-secure-area">
            <div class="container">
                <div class="sec-title text-center">
                    <h2>Grow Your Wealth Secure</h2>
                    <div class="sub-title">
                        <p>Don’t just make a deposit, make an investment today.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="owl-carousel owl-theme thm-owl__carousel wealth-secure-carousel-2 owl-nav-style-one"
                            data-owl-options='{
                            "loop": true,
                            "autoplay": true,
                            "margin": 30,
                            "nav": false,
                            "dots": true,
                            "smartSpeed": 500,
                            "autoplayTimeout": 10000,
                            "navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
                            "responsive": {
                                    "0": {
                                        "items": 1
                                    },
                                    "768": {
                                        "items": 2
                                    },
                                    "992": {
                                        "items": 3
                                    },
                                    "1200": {
                                        "items": 4
                                    }
                                }
                            }'>


                            <!--Start Single Wealth Secure Box-->
                            <div class="single-wealth-secure-box style3">
                                <div class="img-box">
                                    <div class="img-box-inner">
                                        <img src= "/assets/images/resources/wealth-secure-3.jpg" alt="">
                                    </div>
                                    <div class="inner-title">
                                        <div class="arrow-top"></div>
                                        <div class="arrow-bottom"></div>
                                        <h3><a href="#">Mutual Funds</a></h3>
                                        <div class="right-arrow-btn">
                                            <a href="#"><span class="icon-right-arrow"></span></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-box">
                                    <p>Unlock the potential of diverse investment opportunities through our Mutual Funds account. Invest with confidence, diversify your portfolio, and watch your wealth grow over time. Experience the convenience of professional fund management tailored to your financial goals.</p>
                                </div>
                            </div>
                            <!--End Single Wealth Secure Box-->
                            <!--Start Single Wealth Secure Box-->
                            <div class="single-wealth-secure-box style4">
                                <div class="img-box">
                                    <div class="img-box-inner">
                                        <img src= "/assets/images/resources/wealth-secure-4.jpg" alt="">
                                    </div>
                                    <div class="inner-title">
                                        <div class="arrow-top"></div>
                                        <div class="arrow-bottom"></div>
                                        <h3><a href="#">Pension Scheme</a></h3>
                                        <div class="right-arrow-btn">
                                            <a href="#"><span class="icon-right-arrow"></span></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-box">
                                    <p>Secure your future with our Pension Scheme account. Take control of your retirement planning, enjoy tax benefits, and build a financial cushion for your golden years. Join the path to financial freedom and peace of mind with our specialized pension scheme.</p>
                                </div>
                            </div>
                            <!--End Single Wealth Secure Box-->


                            <!--Start Single Wealth Secure Box-->
                            <div class="single-wealth-secure-box">
                                <div class="img-box">
                                    <div class="img-box-inner">
                                        <img src= "/assets/images/resources/wealth-secure-1.jpg" alt="">
                                    </div>
                                    <div class="inner-title">
                                        <div class="arrow-top"></div>
                                        <div class="arrow-bottom"></div>
                                        <h3><a href="#">Trade FX</a></h3>
                                        <div class="right-arrow-btn">
                                            <a href="#"><span class="icon-right-arrow"></span></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-box">
                                    <p>Dive into the world of global financial markets with our Trade FX account. Seamlessly execute forex trades, capitalize on market opportunities, and navigate the complexities of foreign exchange. Your gateway to international financial growth begins here.</p>
                                </div>
                            </div>
                            <!--End Single Wealth Secure Box-->
                            <!--Start Single Wealth Secure Box-->
                            <div class="single-wealth-secure-box style2">
                                <div class="img-box">
                                    <div class="img-box-inner">
                                        <img src= "/assets/images/resources/wealth-secure-2.jpg" alt="">
                                    </div>
                                    <div class="inner-title">
                                        <div class="arrow-top"></div>
                                        <div class="arrow-bottom"></div>
                                        <h3><a href="#">Multi Currency a/c</a></h3>
                                        <div class="right-arrow-btn">
                                            <a href="#"><span class="icon-right-arrow"></span></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-box">
                                    <p>Explore the benefits of global banking with our Multicurrency account. Effortlessly manage multiple currencies, make cross-border transactions, and enjoy competitive exchange rates. Your passport to international banking is just a click away.</p>
                                </div>
                            </div>
                            <!--End Single Wealth Secure Box-->

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End Wealth Secure Area-->

        <!--Start Features Style2 Area-->
        <section class="features-style2-area">
            <div class="container">
                <div class="sec-title text-center">
                    <h2>Emergency Service Requests</h2>
                    <div class="sub-title">
                        <p>List of banking service requests all in one place.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="features-style2-content">

                            <!--Start Features Style2 Tab-->
                            <div class="features-style2-tab">
                                <!--Start Features Style2 Tab Button-->
                                <div class="features-style2-tab__button">
                                    <ul class="owl-carousel owl-theme thm-owl__carousel features-style2-carousel owl-nav-style-one tabs-button-box"
                                        data-owl-options='{
                                        "loop": false,
                                        "autoplay": false,
                                        "margin": 0,
                                        "nav": true,
                                        "dots": false,
                                        "smartSpeed": 500,
                                        "autoplayTimeout": 10000,
                                        "navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
                                        "responsive": {
                                                "0": {
                                                    "items": 1
                                                },
                                                "768": {
                                                    "items": 2
                                                },
                                                "992": {
                                                    "items": 3
                                                },
                                                "1200": {
                                                    "items": 4
                                                }
                                            }
                                        }'>

                                        <li data-tab="#tabid11" class="tab-btn-item active-btn-item clearfix">
                                            <div class="single-features-box-style2">
                                                <div class="icon">
                                                    <span class="icon-credit-card"></span>
                                                </div>
                                                <div class="title">
                                                    <h3><a href="#">Credit / Debit Card<br> Related</a></h3>
                                                </div>
                                                <div class="arrow-button">
                                                    <a href="#">
                                                        <span class="icon-chevron"></span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li data-tab="#tabid22" class="tab-btn-item clearfix">
                                            <div class="single-features-box-style2">
                                                <div class="icon">
                                                    <span class="icon-computer"></span>
                                                </div>
                                                <div class="title">
                                                    <h3><a href="#">Mobile / Internet<br> Banking</a></h3>
                                                </div>
                                                <div class="arrow-button">
                                                    <a href="#">
                                                        <span class="icon-chevron"></span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li data-tab="#tabid33" class="tab-btn-item clearfix">
                                            <div class="single-features-box-style2">
                                                <div class="icon">
                                                    <span class="icon-book"></span>
                                                </div>
                                                <div class="title">
                                                    <h3><a href="#">Account Details<br> Changing</a></h3>
                                                </div>
                                                <div class="arrow-button">
                                                    <a href="#">
                                                        <span class="icon-chevron"></span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li data-tab="#tabid44" class="tab-btn-item clearfix">
                                            <div class="single-features-box-style2">
                                                <div class="icon">
                                                    <span class="icon-check-book"></span>
                                                </div>
                                                <div class="title">
                                                    <h3><a href="#">Cheque Book / DD<br> Related</a></h3>
                                                </div>
                                                <div class="arrow-button">
                                                    <a href="#">
                                                        <span class="icon-chevron"></span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>

                                        <li data-tab="#tabid55" class="tab-btn-item clearfix">
                                            <div class="single-features-box-style2">
                                                <div class="icon">
                                                    <span class="icon-credit-card"></span>
                                                </div>
                                                <div class="title">
                                                    <h3><a href="#">Credit / Debit Card<br> Related</a></h3>
                                                </div>
                                                <div class="arrow-button">
                                                    <a href="#">
                                                        <span class="icon-chevron"></span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li data-tab="#tabid66" class="tab-btn-item clearfix">
                                            <div class="single-features-box-style2">
                                                <div class="icon">
                                                    <span class="icon-computer"></span>
                                                </div>
                                                <div class="title">
                                                    <h3><a href="#">Mobile / Internet<br> Banking</a></h3>
                                                </div>
                                                <div class="arrow-button">
                                                    <a href="#">
                                                        <span class="icon-chevron"></span>
                                                    </a>
                                                </div>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                                <!--End Features Style2 Tab Button-->

                                <!--Start Tabs Content Box-->
                                <div class="tabs-content-box">
                                    <!--Tab-->
                                    <div class="tab-content-box-item tab-content-box-item-active" id="tabid11">
                                        <div class="features-style2-tab-content-box-item">
                                            <div class="row">
                                                <div class="col-xl-6">
                                                    <div class="features-style2-text-box">
                                                        <ul>
                                                            <li>
                                                                <a href="/login">
                                                                    Block Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Generate Debit Card Pin Number
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Unlock Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Reissue Lost Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-xl-6">
                                                    <div class="features-style2-banner-box">
                                                        <div class="text-box">
                                                            <div class="owl-carousel owl-theme thm-owl__carousel features-style2-banner-carousel owl-dot-style2"
                                                                data-owl-options='{
                                                                "loop": true,
                                                                "autoplay": false,
                                                                "margin": 0,
                                                                "nav": false,
                                                                "dots": true,
                                                                "smartSpeed": 500,
                                                                "autoplayTimeout": 10000,
                                                                "navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
                                                                "responsive": {
                                                                        "0": {
                                                                            "items": 1
                                                                        },
                                                                        "768": {
                                                                            "items": 1
                                                                        },
                                                                        "992": {
                                                                            "items": 1
                                                                        },
                                                                        "1200": {
                                                                            "items": 1
                                                                        }
                                                                    }
                                                                }'>

                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->

                                                            </div>
                                                        </div>
                                                        <div class="img-box">
                                                            <div class="img-box-bg"
                                                                style="background-image: url(assets/images/resources/features-style2-banner-1.jpg);">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Tab-->
                                    <div class="tab-content-box-item" id="tabid22">
                                        <div class="features-style2-tab-content-box-item">
                                            <div class="row">
                                                <div class="col-xl-6">
                                                    <div class="features-style2-text-box">
                                                        <ul>
                                                            <li>
                                                                <a href="/login">
                                                                    Mobile / Internet Banking
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Generate Debit Card Pin Number
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Unlock Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Reissue Lost Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-xl-6">
                                                    <div class="features-style2-banner-box">
                                                        <div class="text-box">
                                                            <div class="owl-carousel owl-theme thm-owl__carousel features-style2-banner-carousel owl-dot-style2"
                                                                data-owl-options='{
                                                                "loop": true,
                                                                "autoplay": false,
                                                                "margin": 0,
                                                                "nav": false,
                                                                "dots": true,
                                                                "smartSpeed": 500,
                                                                "autoplayTimeout": 10000,
                                                                "navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
                                                                "responsive": {
                                                                        "0": {
                                                                            "items": 1
                                                                        },
                                                                        "768": {
                                                                            "items": 1
                                                                        },
                                                                        "992": {
                                                                            "items": 1
                                                                        },
                                                                        "1200": {
                                                                            "items": 1
                                                                        }
                                                                    }
                                                                }'>

                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->

                                                            </div>
                                                        </div>
                                                        <div class="img-box">
                                                            <div class="img-box-bg"
                                                                style="background-image: url(assets/images/resources/features-style2-banner-2.jpg);">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Tab-->
                                    <div class="tab-content-box-item" id="tabid33">
                                        <div class="features-style2-tab-content-box-item">
                                            <div class="row">
                                                <div class="col-xl-6">
                                                    <div class="features-style2-text-box">
                                                        <ul>
                                                            <li>
                                                                <a href="/login">
                                                                    Account Details Changing
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Unlock Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Generate Debit Card Pin Number
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Reissue Lost Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-xl-6">
                                                    <div class="features-style2-banner-box">
                                                        <div class="text-box">
                                                            <div class="owl-carousel owl-theme thm-owl__carousel features-style2-banner-carousel owl-dot-style2"
                                                                data-owl-options='{
                                                                "loop": true,
                                                                "autoplay": false,
                                                                "margin": 0,
                                                                "nav": false,
                                                                "dots": true,
                                                                "smartSpeed": 500,
                                                                "autoplayTimeout": 10000,
                                                                "navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
                                                                "responsive": {
                                                                        "0": {
                                                                            "items": 1
                                                                        },
                                                                        "768": {
                                                                            "items": 1
                                                                        },
                                                                        "992": {
                                                                            "items": 1
                                                                        },
                                                                        "1200": {
                                                                            "items": 1
                                                                        }
                                                                    }
                                                                }'>

                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->

                                                            </div>
                                                        </div>
                                                        <div class="img-box">
                                                            <div class="img-box-bg"
                                                                style="background-image: url(assets/images/resources/features-style2-banner-3.jpg);">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Tab-->
                                    <div class="tab-content-box-item" id="tabid44">
                                        <div class="features-style2-tab-content-box-item">
                                            <div class="row">
                                                <div class="col-xl-6">
                                                    <div class="features-style2-text-box">
                                                        <ul>
                                                            <li>
                                                                <a href="/login">
                                                                    Cheque Book / DD Related
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Reissue Lost Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Unlock Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Generate Debit Card Pin Number
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-xl-6">
                                                    <div class="features-style2-banner-box">
                                                        <div class="text-box">
                                                            <div class="owl-carousel owl-theme thm-owl__carousel features-style2-banner-carousel owl-dot-style2"
                                                                data-owl-options='{
                                                                "loop": true,
                                                                "autoplay": false,
                                                                "margin": 0,
                                                                "nav": false,
                                                                "dots": true,
                                                                "smartSpeed": 500,
                                                                "autoplayTimeout": 10000,
                                                                "navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
                                                                "responsive": {
                                                                        "0": {
                                                                            "items": 1
                                                                        },
                                                                        "768": {
                                                                            "items": 1
                                                                        },
                                                                        "992": {
                                                                            "items": 1
                                                                        },
                                                                        "1200": {
                                                                            "items": 1
                                                                        }
                                                                    }
                                                                }'>

                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->

                                                            </div>
                                                        </div>
                                                        <div class="img-box">
                                                            <div class="img-box-bg"
                                                                style="background-image: url(assets/images/resources/features-style2-banner-4.jpg);">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Tab-->
                                    <div class="tab-content-box-item" id="tabid55">
                                        <div class="features-style2-tab-content-box-item">
                                            <div class="row">
                                                <div class="col-xl-6">
                                                    <div class="features-style2-text-box">
                                                        <ul>
                                                            <li>
                                                                <a href="/login">
                                                                    Cheque Book / DD Related
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Reissue Lost Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Unlock Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Generate Debit Card Pin Number
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-xl-6">
                                                    <div class="features-style2-banner-box">
                                                        <div class="text-box">
                                                            <div class="owl-carousel owl-theme thm-owl__carousel features-style2-banner-carousel owl-dot-style2"
                                                                data-owl-options='{
                                                                "loop": true,
                                                                "autoplay": false,
                                                                "margin": 0,
                                                                "nav": false,
                                                                "dots": true,
                                                                "smartSpeed": 500,
                                                                "autoplayTimeout": 10000,
                                                                "navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
                                                                "responsive": {
                                                                        "0": {
                                                                            "items": 1
                                                                        },
                                                                        "768": {
                                                                            "items": 1
                                                                        },
                                                                        "992": {
                                                                            "items": 1
                                                                        },
                                                                        "1200": {
                                                                            "items": 1
                                                                        }
                                                                    }
                                                                }'>

                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->

                                                            </div>
                                                        </div>
                                                        <div class="img-box">
                                                            <div class="img-box-bg"
                                                                style="background-image: url(assets/images/resources/features-style2-banner-1.jpg);">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Tab-->
                                    <div class="tab-content-box-item" id="tabid66">
                                        <div class="features-style2-tab-content-box-item">
                                            <div class="row">
                                                <div class="col-xl-6">
                                                    <div class="features-style2-text-box">
                                                        <ul>
                                                            <li>
                                                                <a href="/login">
                                                                    Cheque Book / DD Related
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Reissue Lost Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Unlock Debit / ATM Card
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="/login">
                                                                    Generate Debit Card Pin Number
                                                                    <span class="icon-right-arrow"></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-xl-6">
                                                    <div class="features-style2-banner-box">
                                                        <div class="text-box">
                                                            <div class="owl-carousel owl-theme thm-owl__carousel features-style2-banner-carousel owl-dot-style2"
                                                                data-owl-options='{
                                                                "loop": true,
                                                                "autoplay": false,
                                                                "margin": 0,
                                                                "nav": false,
                                                                "dots": true,
                                                                "smartSpeed": 500,
                                                                "autoplayTimeout": 10000,
                                                                "navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
                                                                "responsive": {
                                                                        "0": {
                                                                            "items": 1
                                                                        },
                                                                        "768": {
                                                                            "items": 1
                                                                        },
                                                                        "992": {
                                                                            "items": 1
                                                                        },
                                                                        "1200": {
                                                                            "items": 1
                                                                        }
                                                                    }
                                                                }'>

                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->
                                                                <!--Start Single Item-->
                                                                <div class="single-item">
                                                                    <span class="icon-headphones"></span>
                                                                    <h4>Email for</h4>
                                                                    <h3>Private Banking</h3>
                                                                    <h2>
                                                                        <a href="mailto:support@hcncapitalfund.com">support@hcncapitalfund.com</a>
                                                                    </h2>
                                                                </div>
                                                                <!--End Single Item-->

                                                            </div>
                                                        </div>
                                                        <div class="img-box">
                                                            <div class="img-box-bg"
                                                                style="background-image: url(assets/images/resources/features-style2-banner-1.jpg);">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <!--End Tabs Content Box-->
                            </div>
                            <!--End Features Style2 Tab-->

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End Features Style2 Area-->

        <!--Start Features Style3 Area-->
        <section class="features-style3-area">
            <div class="container">
                <div class="row">

                    <div class="col-xl-6">
                        <div class="features-style3-img-box">
                            <div class="inner-img">
                                <img class="paroller" src= "/assets/images/resources/features-style3-img.png" alt="">
                            </div>
                            <div class="icon-holder float-bob-y">
                                <span class="icon-interest-rate"></span>
                            </div>
                            <div class="icon-holder two">
                                <span class="icon-online-shop"></span>
                            </div>
                            <div class="icon-holder three">
                                <span class="icon-theater"></span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-6">
                        <div class="features-style3-content">
                            <div class="sec-title">
                                <h2>Personalize Your<br> Card and Stand Out<br> From Crowd</h2>
                                <div class="sub-title">
                                    <p>We understand that personalization is key when it comes to your banking experience. <br>That's why we offer a unique and tailored approach to ATM cards, allowing you to customize your card to match your preferences and lifestyle.</p>
                                </div>
                            </div>
                            <div class="text-box">
                                <ul>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-checkbox-mark"></span>
                                        </div>
                                        <p>Personalized Images</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-checkbox-mark"></span>
                                        </div>
                                        <p>Design Options</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-checkbox-mark"></span>
                                        </div>
                                        <p>Express Delivery</p>
                                    </li>
                                </ul>
                                <div class="apply-credit-card">
                                    <h3>Apply for Credit Card</h3>
                                    <form id="apply-credit-card" name="apply-credit-card" action="#" method="post">
                                        <div class="input-box">
                                            <input type="text" name="form_name" value="" placeholder="Name" required="">
                                        </div>
                                        <div class="button-box">
                                            <button class="btn-one" type="submit" data-loading-text="Please wait...">
                                                <span class="txt">Apply Now</span>
                                            </button>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!--End Features Style3 Area-->

        <!--Start Money Exchange Rates Area-->
        <section class="money-exchange-value-area">
            <div class="money-exchange-value-area-bg"
                style="background-image: url(assets/images/backgrounds/money-exchange-value.jpg);"></div>
            <div class="container">
                <div class="sec-title text-center">
                    <h2>Foreign Exchange Rates</h2>
                    <div class="sub-title">
                        <p>Denouncing pleasure & praising pain was born.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="money-exchange-value-tab">

                            <!--Start Money Exchange Value Tab Button-->
                            <div class="money-exchange-value-tab__button">
                                <ul class="tabs-button-box">
                                    <li data-tab="#money-send-receive" class="tab-btn-item active-btn-item">
                                        <h3>Money Send & Receive</h3>
                                    </li>
                                    <li data-tab="#load-redeem-forex-card" class="tab-btn-item">
                                        <h3>Load & Redeem Forex Card</h3>
                                    </li>
                                </ul>
                                <div class="right">
                                    <a href="#"><span class="icon-menu"></span>Click to Get Assistant</a>
                                </div>
                            </div>
                            <!--End Money Exchange Value Tab Button-->

                            <!--Start Tabs Content Box-->
                            <div class="tabs-content-box">
                                <!--Tab-->
                                <div class="tab-content-box-item tab-content-box-item-active" id="money-send-receive">
                                    <div class="money-exchange-value-tab-content-box-item">
                                        <div class="row">

                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-1.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>usd</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>79.89</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>76.54</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-2.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>sek</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>8.20</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>7.25</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-3.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>gbp</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>101.88</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>96.55</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-4.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>jpy</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>62.82</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>58.46</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-5.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>aud</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>57.52</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>54.21</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-6.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>cad</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>63.41</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>59.75</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->

                                        </div>
                                    </div>
                                </div>

                                <!--Tab-->
                                <div class="tab-content-box-item" id="load-redeem-forex-card">
                                    <div class="money-exchange-value-tab-content-box-item">
                                        <div class="row">

                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-4.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>jpy</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>62.82</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>58.46</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-5.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>aud</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>57.52</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>54.21</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-6.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>cad</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>63.41</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>59.75</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-1.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>usd</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>79.89</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>76.54</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-2.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>sek</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>8.20</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>7.25</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->
                                            <!--Start Single Money Exchange Value-->
                                            <div class="col-xl-2 col-lg-4 col-md-4">
                                                <div class="single-money-exchange-value">
                                                    <div class="flag-box">
                                                        <div class="flag-box-inner">
                                                            <img src= "/assets/images/resources/flag-3.png" alt="">
                                                        </div>
                                                    </div>
                                                    <h3>gbp</h3>
                                                    <ul>
                                                        <li>
                                                            <div class="left">
                                                                <p>Send</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>101.88</p>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="left">
                                                                <p>Receive</p>
                                                                <span>:</span>
                                                            </div>
                                                            <div class="right">
                                                                <p>96.55</p>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--End Single Money Exchange Value-->

                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!--End Tabs Content Box-->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End Money Exchange Rates Area-->


        <!--Start Faq Style1 Area-->
        <section class="faq-style1-area">
            <div class="container">

                <div class="row">
                    <div class="col-xl-12">
                        <div class="faq-style1-title">
                            <div class="sec-title">
                                <h2>Questions & Answers</h2>
                                <div class="sub-title">
                                    <p>Find answers to all your queries about our service.</p>
                                </div>
                            </div>
                            <div class="faq-search-box">
                                <h3>Help You to Find</h3>
                                <div class="faq-search-box__inner">
                                    <form class="search-form" action="#">
                                        <input placeholder="Related Keyword..." type="text">
                                        <button type="submit">
                                            <i class="icon-search"></i>
                                        </button>
                                    </form>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="row">

                    <div class="col-xl-6">
                        <div class="faq-style1__image">
                            <div class="inner">
                                <img src= "/assets/images/resources/faq-style1__image.jpg" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-6">
                        <div class="faq-style1__content">
                            <ul class="accordion-box">

                                <li class="accordion block active-block">
                                    <div class="acc-btn active">
                                        <div class="icon-outer"><i class="icon-right-arrow"></i></div>
                                        <h3>How do I open an account with HCN Capital Fund?</h3>
                                    </div>
                                    <div class="acc-content current">
                                        <p>To open an account with us, you can visit our nearest branch or apply online through our website. Simply follow the on-screen instructions, provide the necessary documents, and our team will guide you through the process.</p>
                                    </div>
                                </li>
                                <li class="accordion block">
                                    <div class="acc-btn">
                                        <div class="icon-outer"><i class="icon-right-arrow"></i></div>
                                        <h3>What types of accounts do you offer?</h3>
                                    </div>
                                    <div class="acc-content">
                                        <p>We offer a variety of accounts, including savings accounts, checking accounts, salary accounts, and more. Each account is tailored to meet specific financial needs. Explore our account options to find the one that suits you best.</p>
                                    </div>
                                </li>
                                <li class="accordion block">
                                    <div class="acc-btn">
                                        <div class="icon-outer"><i class="icon-right-arrow"></i></div>
                                        <h3>How can I access my account online?</h3>
                                    </div>
                                    <div class="acc-content">
                                        <p>Accessing your account online is easy. Simply log in to our secure online banking portal using your credentials. If you haven't registered for online banking, you can do so on our website or at any of our branches.</p>
                                    </div>
                                </li>
                                <li class="accordion block">
                                    <div class="acc-btn">
                                        <div class="icon-outer"><i class="icon-right-arrow"></i></div>
                                        <h3>What is the process for applying for a loan?</h3>
                                    </div>
                                    <div class="acc-content">
                                        <p>To apply for a loan, visit our website and navigate to the loan section. Choose the type of loan you are interested in, complete the online application form, and submit the required documents. Our team will review your application, and you will be notified of the status.</p>
                                    </div>
                                </li>
                                <li class="accordion block">
                                    <div class="acc-btn">
                                        <div class="icon-outer"><i class="icon-right-arrow"></i></div>
                                        <h3>Can I customize my ATM card?</h3>
                                    </div>
                                    <div class="acc-content">
                                        <p>Yes, you can! We offer ATM card customization services, allowing you to choose from various designs, add personalized images, and even include your name and signature. Log in to your online banking account to customize your card.</p>
                                    </div>
                                </li>

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

                </div>

                <div class="row">
                    <div class="col-xl-12">
                        <div class="faq-style1-bottom-box text-center">
                            <p>Still curious? Click below button to more anwers or <a href="/contact">contact us.</a></p>
                            <div class="btns-box">
                                <a class="btn-one" href="#">
                                    <span class="txt">Online Banking</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <!--End Faq Style1 Area-->

        <!--Start Deals Area-->
        <section class="deals-area">
            <div class="auto-container">
                <div class="deals-content-box">
                    <div class="owl-carousel owl-theme thm-owl__carousel deals-carousel-one owl-nav-style-one"
                        data-owl-options='{
                        "loop": true,
                        "autoplay": true,
                        "margin": 50,
                        "nav": true,
                        "dots": false,
                        "smartSpeed": 500,
                        "autoplayTimeout": 10000,
                        "navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
                        "responsive": {
                                "0": {
                                    "items": 1
                                },
                                "768": {
                                    "items": 1
                                },
                                "992": {
                                    "items": 1
                                },
                                "1550": {
                                    "items": 1.4
                                }
                            }
                        }'>


                        <!--Start Single Deals Box-->
                        <div class="single-deals-box">
                            <div class="text-box">
                                <div class="inner-title">
                                    <h4>0% Installment Offers</h4>
                                    <h2>Travel & Hotel Offers</h2>
                                </div>
                                <p>Claims off duty or the obligations business it will frequently occur
                                    that pleasures be repudiated.</p>
                                <ul>
                                    <li>
                                        <div class="inner">
                                            <div class="icon">
                                                <span class="icon-checkbox-mark"></span>
                                            </div>
                                            <div class="text">
                                                <p>Spend<br> Minimum 75 US Dollar</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="inner">
                                            <div class="icon">
                                                <span class="icon-checkbox-mark"></span>
                                            </div>
                                            <div class="text">
                                                <p>Spend<br> Minimum 50 US Dollar</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="btns-box">
                                    <a class="btn-one" href="#">
                                        <span class="txt">Grab Your Deals</span>
                                    </a>
                                </div>
                            </div>
                            <div class="img-box">
                                <div class="img-bg" style="background-image: url(assets/images/resources/deals-1.jpg);">
                                </div>
                                <div class="shape-left-1"></div>
                                <div class="shape-right-1"></div>
                                <div class="shape-right-2"></div>
                            </div>
                        </div>
                        <!--End Single Deals Box-->
                        <!--Start Single Deals Box-->
                        <div class="single-deals-box">
                            <div class="text-box">
                                <div class="inner-title">
                                    <h4>Get 10% Cashback</h4>
                                    <h2>Buy a Mobile Phone</h2>
                                </div>
                                <p>Claims off duty or the obligations business it will frequently occur
                                    that pleasures be repudiated.</p>
                                <ul>
                                    <li>
                                        <div class="inner">
                                            <div class="icon">
                                                <span class="icon-checkbox-mark"></span>
                                            </div>
                                            <div class="text">
                                                <p>Spend<br> Minimum 40 US Dollar</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="inner">
                                            <div class="icon">
                                                <span class="icon-checkbox-mark"></span>
                                            </div>
                                            <div class="text">
                                                <p>Not Valid for<br> Commercial Credit Card</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="btns-box">
                                    <a class="btn-one" href="#">
                                        <span class="txt">Grab Your Deals</span>
                                    </a>
                                </div>
                            </div>
                            <div class="img-box">
                                <div class="img-bg" style="background-image: url(assets/images/resources/deals-2.jpg);">
                                </div>
                                <div class="shape-left-1"></div>
                                <div class="shape-right-1"></div>
                                <div class="shape-right-2"></div>
                            </div>
                        </div>
                        <!--End Single Deals Box-->

                        <!--Start Single Deals Box-->
                        <div class="single-deals-box">
                            <div class="text-box">
                                <div class="inner-title">
                                    <h4>0% Installment Offers</h4>
                                    <h2>Travel & Hotel Offers</h2>
                                </div>
                                <p>Claims off duty or the obligations business it will frequently occur
                                    that pleasures be repudiated.</p>
                                <ul>
                                    <li>
                                        <div class="inner">
                                            <div class="icon">
                                                <span class="icon-checkbox-mark"></span>
                                            </div>
                                            <div class="text">
                                                <p>Spend<br> Minimum 75 US Dollar</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="inner">
                                            <div class="icon">
                                                <span class="icon-checkbox-mark"></span>
                                            </div>
                                            <div class="text">
                                                <p>Spend<br> Minimum 50 US Dollar</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="btns-box">
                                    <a class="btn-one" href="#">
                                        <span class="txt">Grab Your Deals</span>
                                    </a>
                                </div>
                            </div>
                            <div class="img-box">
                                <div class="img-bg" style="background-image: url(assets/images/resources/deals-1.jpg);">
                                </div>
                                <div class="shape-left-1"></div>
                                <div class="shape-right-1"></div>
                                <div class="shape-right-2"></div>
                            </div>
                        </div>
                        <!--End Single Deals Box-->
                        <!--Start Single Deals Box-->
                        <div class="single-deals-box">
                            <div class="text-box">
                                <div class="inner-title">
                                    <h4>Get 10% Cashback</h4>
                                    <h2>Buy a Mobile Phone</h2>
                                </div>
                                <p>Claims off duty or the obligations business it will frequently occur
                                    that pleasures be repudiated.</p>
                                <ul>
                                    <li>
                                        <div class="inner">
                                            <div class="icon">
                                                <span class="icon-checkbox-mark"></span>
                                            </div>
                                            <div class="text">
                                                <p>Spend<br> Minimum 40 US Dollar</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="inner">
                                            <div class="icon">
                                                <span class="icon-checkbox-mark"></span>
                                            </div>
                                            <div class="text">
                                                <p>Not Valid for<br> Commercial Credit Card</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="btns-box">
                                    <a class="btn-one" href="#">
                                        <span class="txt">Grab Your Deals</span>
                                    </a>
                                </div>
                            </div>
                            <div class="img-box">
                                <div class="img-bg" style="background-image: url(assets/images/resources/deals-2.jpg);">
                                </div>
                                <div class="shape-left-1"></div>
                                <div class="shape-right-1"></div>
                                <div class="shape-right-2"></div>
                            </div>
                        </div>
                        <!--End Single Deals Box-->
                    </div>
                </div>
            </div>
        </section>
        <!--End Deals Area-->

        <!--Start EMI Calculator Area-->
        <section class="emi-calculator-area">
            <div class="container">
                <div class="sec-title text-center">
                    <h2>Flexible EMI Calculator Online</h2>
                    <div class="sub-title">
                        <p>Easily calculate your equated monthly instalment online.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="emi-calculator-tab">

                            <div class="emi-calculator-tab__button">
                                <div class="emi-calculator-tab__button--bg"
                                    style="background-image: url(assets/images/resources/emi-calculator.jpg);"></div>
                                <ul class="tabs-button-box">
                                    <li data-tab="#home-loan" class="tab-btn-item active-btn-item">
                                        <div class="icon-box">
                                            <span class="icon-loan-1"></span>
                                            <div class="overlay-text">
                                                <p>Home Loan</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-tab="#personal-loan" class="tab-btn-item">
                                        <div class="icon-box">
                                            <span class="icon-loan-2"></span>
                                            <div class="overlay-text">
                                                <p>Personal Loan</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-tab="#vehicle-loan" class="tab-btn-item">
                                        <div class="icon-box">
                                            <span class="icon-car-loan"></span>
                                            <div class="overlay-text">
                                                <p>Vehicle Loan</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div class="emi-calculator-tab-content-box-outer">
                                <!--Start Tabs Content Box-->
                                <div class="tabs-content-box">
                                    <!--Tab-->
                                    <div class="tab-content-box-item tab-content-box-item-active" id="home-loan">
                                        <div class="emi-calculator-tab-content-box-item">

                                            <div class="range-box">
                                                <div class="row">
                                                    <div class="col-lg-12 column">
                                                        <div class="price-range-box">
                                                            <div class="inner">
                                                                <h4>Loan Amount</h4>
                                                                <div class="price-range-slider"></div>
                                                                <div class="range-input">
                                                                    <div class="input">
                                                                        <input type="text" class="property-amount"
                                                                            name="field-name" readonly="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="right-box">
                                                                <h5>$1,000,000</h5>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-12 column">
                                                        <div class="loan-term-range-box">
                                                            <div class="inner">
                                                                <h4>Loan Term <span>(Years)</span></h4>
                                                                <div class="loan-term-range-slider"></div>
                                                                <div class="range-input">
                                                                    <div class="input">
                                                                        <input type="text" class="loan-term-range"
                                                                            name="field-name" readonly="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="right-box">
                                                                <h5>20Yrs</h5>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-12 column">
                                                        <div class="interest-rate-range-box">
                                                            <div class="inner">
                                                                <h4>Interest Rate</h4>
                                                                <div class="interest-rate-range-slider"></div>
                                                                <div class="range-input">
                                                                    <div class="input">
                                                                        <input type="text" class="interest-rate-range"
                                                                            name="field-name" readonly="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="right-box">
                                                                <h5>8%</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="emi-calculator-output-box clearfix">
                                                <div class="left-box">
                                                    <div class="top">
                                                        <div class="icon">
                                                            <span class="icon-loan-3"></span>
                                                        </div>
                                                        <div class="inner-title">
                                                            <h3>Your Monthly EMI</h3>
                                                            <h2><span>$</span>10,250</h2>
                                                        </div>
                                                    </div>
                                                    <div class="btns-box">
                                                        <a class="btn-one" href="#">
                                                            <span class="txt">Apply Online</span>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="right-box">
                                                    <ul>
                                                        <li>
                                                            <div class="inner">
                                                                <div class="icon">
                                                                    <span class="icon-right-arrow"></span>
                                                                </div>
                                                                <div class="text">
                                                                    <a href="#">Interest Amount</a>
                                                                    <p>$720,260</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="inner">
                                                                <div class="icon">
                                                                    <span class="icon-right-arrow"></span>
                                                                </div>
                                                                <div class="text">
                                                                    <a href="#">Total Amount Payble</a>
                                                                    <p>$720,260</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <!--Tab-->
                                    <div class="tab-content-box-item" id="personal-loan">
                                        <div class="emi-calculator-tab-content-box-item">

                                            <div class="range-box">
                                                <div class="row">
                                                    <div class="col-lg-12 column">
                                                        <div class="price-range-box">
                                                            <div class="inner">
                                                                <h4>Loan Amount</h4>
                                                                <div class="price-range-slider"></div>
                                                                <div class="range-input">
                                                                    <div class="input">
                                                                        <input type="text" class="property-amount"
                                                                            name="field-name" readonly="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="right-box">
                                                                <h5>$1,000,000</h5>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-12 column">
                                                        <div class="loan-term-range-box">
                                                            <div class="inner">
                                                                <h4>Loan Term <span>(Years)</span></h4>
                                                                <div class="loan-term-range-slider"></div>
                                                                <div class="range-input">
                                                                    <div class="input">
                                                                        <input type="text" class="loan-term-range"
                                                                            name="field-name" readonly="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="right-box">
                                                                <h5>20Yrs</h5>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-12 column">
                                                        <div class="interest-rate-range-box">
                                                            <div class="inner">
                                                                <h4>Interest Rate</h4>
                                                                <div class="interest-rate-range-slider"></div>
                                                                <div class="range-input">
                                                                    <div class="input">
                                                                        <input type="text" class="interest-rate-range"
                                                                            name="field-name" readonly="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="right-box">
                                                                <h5>8%</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="emi-calculator-output-box clearfix">
                                                <div class="left-box">
                                                    <div class="top">
                                                        <div class="icon">
                                                            <span class="icon-loan-3"></span>
                                                        </div>
                                                        <div class="inner-title">
                                                            <h3>Your Monthly EMI</h3>
                                                            <h2><span>$</span>10,250</h2>
                                                        </div>
                                                    </div>
                                                    <div class="btns-box">
                                                        <a class="btn-one" href="#">
                                                            <span class="txt">Apply Online</span>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="right-box">
                                                    <ul>
                                                        <li>
                                                            <div class="inner">
                                                                <div class="icon">
                                                                    <span class="icon-right-arrow"></span>
                                                                </div>
                                                                <div class="text">
                                                                    <a href="#">Interest Amount</a>
                                                                    <p>$720,260</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="inner">
                                                                <div class="icon">
                                                                    <span class="icon-right-arrow"></span>
                                                                </div>
                                                                <div class="text">
                                                                    <a href="#">Total Amount Payble</a>
                                                                    <p>$720,260</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <!--Tab-->
                                    <div class="tab-content-box-item" id="vehicle-loan">
                                        <div class="emi-calculator-tab-content-box-item">

                                            <div class="range-box">
                                                <div class="row">
                                                    <div class="col-lg-12 column">
                                                        <div class="price-range-box">
                                                            <div class="inner">
                                                                <h4>Loan Amount</h4>
                                                                <div class="price-range-slider"></div>
                                                                <div class="range-input">
                                                                    <div class="input">
                                                                        <input type="text" class="property-amount"
                                                                            name="field-name" readonly="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="right-box">
                                                                <h5>$1,000,000</h5>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-12 column">
                                                        <div class="loan-term-range-box">
                                                            <div class="inner">
                                                                <h4>Loan Term <span>(Years)</span></h4>
                                                                <div class="loan-term-range-slider"></div>
                                                                <div class="range-input">
                                                                    <div class="input">
                                                                        <input type="text" class="loan-term-range"
                                                                            name="field-name" readonly="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="right-box">
                                                                <h5>20Yrs</h5>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-12 column">
                                                        <div class="interest-rate-range-box">
                                                            <div class="inner">
                                                                <h4>Interest Rate</h4>
                                                                <div class="interest-rate-range-slider"></div>
                                                                <div class="range-input">
                                                                    <div class="input">
                                                                        <input type="text" class="interest-rate-range"
                                                                            name="field-name" readonly="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="right-box">
                                                                <h5>8%</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="emi-calculator-output-box clearfix">
                                                <div class="left-box">
                                                    <div class="top">
                                                        <div class="icon">
                                                            <span class="icon-loan-3"></span>
                                                        </div>
                                                        <div class="inner-title">
                                                            <h3>Your Monthly EMI</h3>
                                                            <h2><span>$</span>10,250</h2>
                                                        </div>
                                                    </div>
                                                    <div class="btns-box">
                                                        <a class="btn-one" href="#">
                                                            <span class="txt">Apply Online</span>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="right-box">
                                                    <ul>
                                                        <li>
                                                            <div class="inner">
                                                                <div class="icon">
                                                                    <span class="icon-right-arrow"></span>
                                                                </div>
                                                                <div class="text">
                                                                    <a href="#">Interest Amount</a>
                                                                    <p>$720,260</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="inner">
                                                                <div class="icon">
                                                                    <span class="icon-right-arrow"></span>
                                                                </div>
                                                                <div class="text">
                                                                    <a href="#">Total Amount Payble</a>
                                                                    <p>$720,260</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>

                                        </div>
                                    </div>


                                </div>
                                <!--End Tabs Content Box-->
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End EMI Calculator Area-->


        <!--Start slogan area-->
        <section class="slogan-area">
            <div class="container">
                <div class="slogan-content-box">
                    <div class="slogan-content-box-bg"
                        style="background-image: url(assets/images/backgrounds/slogan-content-box-bg.jpg);"></div>
                    <div class="inner-title">
                        <h2>Experience a New Digital World.</h2>
                        <p>Mobile banking application with new & exciting features.</p>
                    </div>
                    <div class="get-app-box">
                        <ul>
                            
                            <li>
                                <a class="style2" href="/login">
                                    <div class="icon">
                                        <span class="icon-right-arrow"></span>
                                    </div>
                                    <div class="text">
                                        <h4>Online Banking</h4>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!--End slogan area-->


 