@extends('layouts.app')

@section('content')
<section class="main-slider main-slider-style2">
            <div class="main-slider-style2__left-bg">
                <div class="main-slider-style2__shape1">
                    <img class="rotate-me" src="assets/images/slides/main-slider-style2__shape-1.html" alt="">
                </div>
                <div class="main-slider-style2__shape2">
                    <img class="float-bob-y" src="assets/images/shapes/main-slider-style2__shape-2.png" alt="">
                </div>
                <div class="main-slider-style2__shape3">
                    <img class="float-bob-y" src="assets/images/shapes/main-slider-style2__shape-3.png" alt="">
                </div>
            </div>
            <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
                        "effect": "fade",
                        "speed": 2000,
                        "pagination": {
                        "el": "#main-slider-pagination",
                        "type": "bullets",
                        "clickable": true
                        },
                        "navigation": {
                        "nextEl": "#main-slider__swiper-button-next",
                        "prevEl": "#main-slider__swiper-button-prev"
                        },
                        "autoplay": {
                        "delay": 8000
                        }}'>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-content">
                                        <div class="main-slider-content__inner">
                                            <div class="sub-title">
                                                <div class="border-line"></div>
                                                <h5>Simple & Secure Payment Banking</h5>
                                            </div>
                                            <div class="big-title">
                                                <h2>we Develop Stronger<br> business & Minds</h2>
                                            </div>
                                            <div class="text">
                                                <p>
                                                    Lorem ipsum dolor sit amet consectetur adipiscing elit. Nunc<br>
                                                    vulputate libero velit officiis quis saepe recusandae
                                                </p>
                                            </div>
                                            <div class="btn-box">
                                                <a class="btn-one" href="contact.html">
                                                    <span class="txt">
                                                        how we can help
                                                        <i class="icon-Vector"></i>
                                                    </span>
                                                </a>
                                                <a class="btn-one" href="apply-loan.html">
                                                    <span class="txt">
                                                        apply today
                                                        <i class="icon-Vector"></i>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="img-box">
                                            <div class="inner">
                                                <img src="assets/images/slides/01.jpg" alt="" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
        
                    <div class="swiper-slide">
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-content">
                                        <div class="main-slider-content__inner">
                                            <div class="sub-title">
                                                <div class="border-line"></div>
                                                <h5>Simple & Secure Payment Banking</h5>
                                            </div>
                                            <div class="big-title">
                                                <h2>Innovative banking<br> Solutions for Future</h2>
                                            </div>
                                            <div class="text">
                                                <p>
                                                    Lorem ipsum dolor sit amet consectetur adipiscing elit. Nunc<br>
                                                    vulputate libero velit officiis quis saepe recusandae
                                                </p>
                                            </div>
                                            <div class="btn-box">
                                                <a class="btn-one" href="contact.html">
                                                    <span class="txt">
                                                        how we can help
                                                        <i class="icon-Vector"></i>
                                                    </span>
                                                </a>
                                                <a class="btn-one" href="apply-loan.html">
                                                    <span class="txt">
                                                        apply today
                                                        <i class="icon-Vector"></i>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="img-box">
                                            <div class="inner">
                                                <img src="assets/images/slides/02.jpg" alt="" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
        
        
                </div>

                
                <div class="main-slider__nav">
                    <div class="swiper-button-prev" id="main-slider__swiper-button-next">
                        <i class="icon-next1 left"></i>
                    </div>
                    <div class="swiper-button-next" id="main-slider__swiper-button-prev">
                        <i class="icon-next2 right"></i>
                    </div>
                </div>
        
            </div>
        </section>
        
        
        <section class="services-style1">
            <div class="container">
                <div class="sec-title text-center">
                    <div class="sub-title item-center">
                        <div class="border-line"></div>
                        <h4>We Offer Banking For Everyone</h4>
                    </div>
                    <h2>world Class Banking Services</h2>
                    <p>Get your loan calculated easily lorem ipsum dolor</p>
                </div>
                <div class="row">
        
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-services-style1 wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <div class="img-box">
                                <div class="inner">
                                    <img src="assets/images/home/410X510-05.png" alt="">
                                    <div class="overly-icon">
                                        <span class="icon-pie-chart-1"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <div class="overlay-box">
                                    <h3><a href="#">investments transfer</a></h3>
                                </div>
                                <div class="btns-box">
                                    <a href="#">Explore More<span class="icon-next2"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
        
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-services-style1 active wow fadeInUp" data-wow-delay="00ms"
                            data-wow-duration="1500ms">
                            <div class="img-box">
                                <div class="inner">
                                    <img src="assets/images/home/410X510-06.png" alt="">
                                    <div class="overly-icon">
                                        <span class="icon-investment-1"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <div class="overlay-box">
                                    <h3><a href="#">Quick & Easy Support</a></h3>
                                </div>
                                <div class="btns-box">
                                    <a href="#">Explore More<span class="icon-next2"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
        
                    <div class="col-xl-4 col-lg-4">
                        <div class="single-services-style1 wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <div class="img-box">
                                <div class="inner">
                                    <img src="assets/images/home/410X510-04.png" alt="">
                                    <div class="overly-icon">
                                        <span class="icon-home"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="title-box">
                                <div class="overlay-box">
                                    <h3><a href="#">Easy Access Savings</a></h3>
                                </div>
                                <div class="btns-box">
                                    <a href="#">Explore More<span class="icon-next2"></span></a>
                                </div>
                            </div>
        
                        </div>
                    </div>
        
                </div>
            </div>
        </section>
        
        <section class="about-style2">
            <div class="container">
                <div class="row">
        
                    <div class="col-xl-6">
                        <div class="about-style2-img">
                            <div class="about-style2-img__top">
                                <ul>
                                    <li>
                                        <div class="single-box">
                                            <img src="assets/images/home/170X170-09.png" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="single-box">
                                            <img src="assets/images/home/300X350-07.png" alt="">
                                        </div>
                                    </li>
                                </ul>
                            </div>
        
                            <div class="about-style2-img__bottom">
                                <ul>
                                    <li>
                                        <div class="single-box">
                                            <img src="assets/images/home/300X350-08.png" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="single-box">
                                            <img src="assets/images/home/170X170-10.png" alt="">
                                        </div>
                                    </li>
                                </ul>
                            </div>
        
                        </div>
                    </div>
        
                    <div class="col-xl-6">
                        <div class="about-style2-content">
                            <div class="sec-title">
                                <div class="sub-title">
                                    <div class="border-line"></div>
                                    <h4>About Rosano Bank</h4>
                                </div>
                                <h2>helping you make the<br> most of your money</h2>
                                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. Nunc vulputate
                                    et velit interdum ac aliquet odio mattis. Class aptent taciti sociosqu adrio
                                    torquent per conubia nostra per inceptos himenaeos.</p>
                            </div>
        
                            <div class="list-item">
                                <div class="row">
                                    <div class="col-xl-6">
                                        <ul>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-checked1"></span>
                                                </div>
                                                Corporate Solutions
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-checked1"></span>
                                                </div>
                                                business banking
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-xl-6">
                                        <ul>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-checked1"></span>
                                                </div>
                                                Corporate Solutions
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-checked1"></span>
                                                </div>
                                                Corporate Solutions
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
        
                            <div class="text">
                                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. Nunc vulputate
                                    into ad litora torquent per conubia eptum decore.</p>
                            </div>
        
                            <div class="progress-levels-outer-box">
                                <ul class="progress-levels">
                                    <li class="progress-box wow">
                                        <div class="top">
                                            <h4>Investment Plans</h4>
                                            <div class="count-box">
                                                <div class="skill-percent">
                                                    <span class="count-text" data-speed="3000" data-stop="70">0</span>
                                                    <span class="percent">%</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="inner">
                                            <div class="bar">
                                                <div class="bar-innner">
                                                    <div class="bar-fill" data-percent="70">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
        
                                    <li class="progress-box wow">
                                        <div class="top">
                                            <h4>Consulting Experience</h4>
                                            <div class="count-box">
                                                <div class="skill-percent">
                                                    <span class="count-text" data-speed="3000" data-stop="62">0</span>
                                                    <span class="percent">%</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="inner">
                                            <div class="bar">
                                                <div class="bar-innner">
                                                    <div class="bar-fill" data-percent="62">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
        
                </div>
            </div>
        </section>
        
        <section class="account-holders-style1">
            <div class="container">
                <div class="sec-title text-center">
                    <div class="sub-title item-center">
                        <div class="border-line"></div>
                        <h4>We Help Customers & Their Businesses</h4>
                    </div>
                    <h2>Benefits for account holders</h2>
                    <p>Blandit vel varius ultrices. Mattis accumsan egestas pulvinar</p>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="single-account-holders-box text-center">
                            <div class="title-box">
                                <h3><a href="#">interest free transfers</a></h3>
                            </div>
                            <div class="text-box">
                                <div class="icon">
                                    <span class="icon-money"></span>
                                </div>
                                <div class="text-box__inner">
                                    <p>Ipsum dolor sit amet conster adipiscing
                                        elit. Nunc vulputate intod litora torquent
                                        per conubia eptum decore.</p>
                                </div>
                            </div>
                        </div>
                    </div>
        
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="single-account-holders-box active text-center">
                            <div class="title-box">
                                <h3><a href="#">Instant Notifications</a></h3>
                            </div>
                            <div class="text-box">
                                <div class="icon">
                                    <span class="icon-notification"></span>
                                </div>
                                <div class="text-box__inner">
                                    <p>Ipsum dolor sit amet conster adipiscing
                                        elit. Nunc vulputate intod litora torquent
                                        per conubia eptum decore.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="single-account-holders-box text-center">
                            <div class="title-box">
                                <h3><a href="#">Award-winning bank</a></h3>
                            </div>
                            <div class="text-box">
                                <div class="icon">
                                    <span class="icon-badge"></span>
                                </div>
                                <div class="text-box__inner">
                                    <p>Ipsum dolor sit amet conster adipiscing
                                        elit. Nunc vulputate intod litora torquent
                                        per conubia eptum decore.</p>
                                </div>
                            </div>
                        </div>
                    </div>
        
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="single-account-holders-box text-center">
                            <div class="title-box">
                                <h3><a href="#">Multi-currency accounts</a></h3>
                            </div>
                            <div class="text-box">
                                <div class="icon">
                                    <span class="icon-account"></span>
                                </div>
                                <div class="text-box__inner">
                                    <p>Ipsum dolor sit amet conster adipiscing
                                        elit. Nunc vulputate intod litora torquent
                                        per conubia eptum decore.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="single-account-holders-box text-center">
                            <div class="title-box">
                                <h3><a href="#">100% digital sign up</a></h3>
                            </div>
                            <div class="text-box">
                                <div class="icon">
                                    <span class="icon-sign-up"></span>
                                </div>
                                <div class="text-box__inner">
                                    <p>Ipsum dolor sit amet conster adipiscing
                                        elit. Nunc vulputate intod litora torquent
                                        per conubia eptum decore.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="single-account-holders-box text-center">
                            <div class="title-box">
                                <h3><a href="#">Better saving & budgeting</a></h3>
                            </div>
                            <div class="text-box">
                                <div class="icon">
                                    <span class="icon-pie-chart"></span>
                                </div>
                                <div class="text-box__inner">
                                    <p>Ipsum dolor sit amet conster adipiscing
                                        elit. Nunc vulputate intod litora torquent
                                        per conubia eptum decore.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="account-holders-style1__btn text-center">
                    <a class="btn-one" href="about.html">
                        <span class="txt">
                            view account types
                            <i class="icon-Vector"></i>
                        </span>
                    </a>
                </div>
        
            </div>
        </section>
        
        <section class="features-style5">
            <div class="features-style5__icon">
                <span class="icon-rosano-logo-1"></span>
            </div>
            <div class="container">
                <div class="row">
        
                    <div class="col-xl-4">
                        <div class="features-style5-img">
                            <div class="features-style5-img__inner">
                                <img src="assets/images/home/750X890-11.png" alt="">
                            </div>
                            <div class="shape-bottom"></div>
                        </div>
                    </div>
        
                    <div class="col-xl-8">
                        <div class="features-style5-content">
                            <div class="sec-title">
                                <div class="sub-title">
                                    <div class="border-line"></div>
                                    <h4>We Help Customers & Their Businesses</h4>
                                </div>
                                <h2>ways to banking with us</h2>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate ios libero
                                    et velit interdumc aliquet odio mattis. Class aptent taciti social ad litora
                                    torquent per conubia sed ipsum tempor nostra.</p>
                            </div>
                            <div class="features-style5-content__inner">
                                <div class="row">
                                    <div class="col-xl-4 col-lg-4">
                                        <div class="features-style5-single-box">
                                            <div class="img-box">
                                                <img src="assets/images/home/285X260-12.png" alt="">
                                            </div>
                                            <div class="title-box text-center">
                                                <h3><a href="#">Request Cheque Book</a></h3>
                                                <span>Banking with style</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-lg-4">
                                        <div class="features-style5-single-box">
                                            <div class="img-box">
                                                <img src="assets/images/home/285X260-13.png" alt="">
                                            </div>
                                            <div class="title-box text-center">
                                                <h3><a href="#">Mobile / Internet Banking</a></h3>
                                                <span>Banking with style</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-lg-4">
                                        <div class="features-style5-single-box">
                                            <div class="img-box">
                                                <img src="assets/images/home/285X260-14.png" alt="">
                                            </div>
                                            <div class="title-box text-center">
                                                <h3><a href="#">Find a Nearest Branch</a></h3>
                                                <span>Banking with style</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
        
                </div>
            </div>
        </section>
        
        <section class="banking-services">
            <div class="container">
                <div class="sec-title text-center">
                    <div class="sub-title item-center">
                        <div class="border-line"></div>
                        <h4>We Help Customers & Their Businesses</h4>
                    </div>
                    <h2>our banking services</h2>
                    <p>We offer the best banking services and facilities</p>
                </div>
                <div class="banking-services__content">
                    <div class="banking-services-tab">
                        <div class="row">
        
                            <div class="col-xl-4">
                                <div class="banking-services-tab__button">
                                    <ul class="tabs-button-box clearfix">
                                        <li data-tab="#banking-facilities" class="tab-btn-item">
                                            <div class="inner">
                                                <span class="icon-current-accounts"></span>
                                                <h3>Banking Facilities</h3>
                                            </div>
                                        </li>
                                        <li data-tab="#banking-guarantee" class="tab-btn-item active-btn-item">
                                            <div class="inner">
                                                <span class="icon-cards-1 cards"></span>
                                                <h3>Banking Guarantee</h3>
                                            </div>
                                        </li>
                                        <li data-tab="#remittance-services" class="tab-btn-item">
                                            <div class="inner">
                                                <span class="icon-loan-2"></span>
                                                <h3>Remittance Services</h3>
                                            </div>
                                        </li>
                                        <li data-tab="#eservices" class="tab-btn-item">
                                            <div class="inner">
                                                <span class="icon-mobile-banking-2"></span>
                                                <h3>E-Services</h3>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
        
                            <div class="col-xl-8">
        
                                <div class="tabs-content-box">
        
                                    <div class="tab-content-box-item" id="banking-facilities">
                                        <div class="banking-services-tab-content-box-item">
                                            <ul>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>Personal Loan</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>Commercial Loan</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>Overdraft</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li style="max-height: 30px !important;">
                                                    <a href="#">View all services</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
        
                                    <div class="tab-content-box-item tab-content-box-item-active" id="banking-guarantee">
                                        <div class="banking-services-tab-content-box-item">
                                            <ul>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>Guarantees and Bonds</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>Letter of Credit</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li style="max-height: 30px !important;">
                                                    <a href="#">View all services</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
        
                                    <div class="tab-content-box-item" id="remittance-services">
                                        <div class="banking-services-tab-content-box-item">
                                            <ul>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>TISS within Tanzania</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>SWIFT</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>Western Union</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li style="max-height: 30px !important;">
                                                    <a href="#">View all services</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
        
                                    <div class="tab-content-box-item" id="eservices">
                                        <div class="banking-services-tab-content-box-item">
                                            <ul>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>Mobile Banking</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>Internet Banking</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="banking-services-tab-content-box-item__bg"
                                                        style="background-image: url(assets/images/resources/banking-services-tab-content-box-item-bg.jpg);">
                                                    </div>
                                                    <div class="text-box">
                                                        <h3>PBZ App</h3>
                                                        <p>Ipsum dolor sit amet consectetur adipiscing elit. Nunc
                                                            vulputate libero et velit interdum ac aliquet odio mattis.
                                                        </p>
                                                    </div>
                                                    <div class="btn-box">
                                                        <a href="#"><span class="icon-next2"></span></a>
                                                    </div>
                                                </li>
                                                <li style="max-height: 30px !important;">
                                                    <a href="#">View all services</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
        
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="features-style4">
            <div class="container">
                <div class="row">
        
                    <div class="col-xl-5">
                        <div class="features-style4-img">
                            <div class="shape-1">
                                <img class="rotate-me" src="assets/images/shapes/features-style4-shape1.png" alt="">
                            </div>
                            <div class="shape-2">
                                <img class="rotate-me" src="assets/images/shapes/features-style4-shape2.png" alt="">
                            </div>
                            <div class="features-style4-img__inner float-bob-y">
                                <img src="assets/images/home/385X790-15.png" alt="">
                                <div class="logo-box">
                                    <a href="#">
        
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
        
                    <div class="col-xl-7">
                        <div class="features-style4-content">
                            <div class="sec-title">
                                <div class="sub-title">
                                    <div class="border-line"></div>
                                    <h4>We Help Customers & Their Businesses</h4>
                                </div>
                                <h2>Everything you get with<br> PBZ Banking</h2>
                                <p>Sed nulla morbi posuere aliquam arcu quisque tellus ut. Convallis suspendis dsey
                                    pellentesqe nunc quis vel nibh lorem integer. Egestas morbi ornare sit facilisis.
                                    Urna sapien orci morbi volutpat sed consectetur et.</p>
                            </div>
                            <div class="list-item">
                                <ul>
                                    <li>
                                        <div class="icon">
                                            <span class=" icon-check1"></span>
                                        </div>
                                        No monthly fees for current account
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class=" icon-check1"></span>
                                        </div>
                                        100% digitally supported sign up
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class=" icon-check1"></span>
                                        </div>
                                        24/7 quick customer support
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class=" icon-check1"></span>
                                        </div>
                                        Protected by Money Laundering Protection Scheme
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class=" icon-check1"></span>
                                        </div>
                                        Get Instant payment notifications
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class=" icon-check1"></span>
                                        </div>
                                        Instant card locking security
                                    </li>
                                </ul>
                            </div>
                            <div class="btn-box">
                                <a class="btn-one" href="about.html">
                                    <span class="txt">
                                        view account types
                                        <i class="icon-Vector"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
        
                </div>
            </div>
        </section>
        
        <section class="account-creation-step">
            <div class="container">
                <div class="sec-title text-center">
                    <div class="sub-title item-center">
                        <div class="border-line"></div>
                        <h4>We Offer Banking For Everyone</h4>
                    </div>
                    <h2>easy Account creation</h2>
                    <p>Blandit varius ultrices accumsan egestas pulvinar</p>
                </div>
                <ul class="row">
        
                    <li class="col-xl-4">
                        <div class="single-account-creation-step text-center">
                            <div class="icon-box">
                                <div class="count-box">1</div>
                                <div class="icon-box__inner">
                                    <div class="single-account-creation-step__shape1"
                                        style="background-image: url(assets/images/shapes/account-creation-step-shape-1.png);">
                                    </div>
                                    <div class="single-account-creation-step__shape2"
                                        style="background-image: url(assets/images/shapes/account-creation-step-shape-2.png);">
                                    </div>
                                    <div class="single-account-creation-step__shape2-overlay"
                                        style="background-image: url(assets/images/shapes/account-creation-step-shape-2-overlay.png);">
                                    </div>
                                    <span class="icon-consult"></span>
                                </div>
                                <div class="icon-box__outer">
                                    <span class="icon-rosano-logo-1"></span>
                                </div>
                            </div>
                            <div class="text-box">
                                <h3><a href="#">consult With Team</a></h3>
                                <p>Interdum viverra fusce pellentesque sed vel feugiat nec aliquam. Amet lectus.</p>
                            </div>
                        </div>
                    </li>
        
                    <li class="col-xl-4">
                        <div class="single-account-creation-step text-center">
                            <div class="icon-box">
                                <div class="count-box">2</div>
                                <div class="icon-box__inner">
                                    <div class="single-account-creation-step__shape1"
                                        style="background-image: url(assets/images/shapes/account-creation-step-shape-1.png);">
                                    </div>
                                    <div class="single-account-creation-step__shape2"
                                        style="background-image: url(assets/images/shapes/account-creation-step-shape-2.png);">
                                    </div>
                                    <div class="single-account-creation-step__shape2-overlay"
                                        style="background-image: url(assets/images/shapes/account-creation-step-shape-2-overlay.png);">
                                    </div>
                                    <span class="icon-verification"></span>
                                </div>
                                <div class="icon-box__outer">
                                    <span class="icon-rosano-logo-1"></span>
                                </div>
                            </div>
                            <div class="text-box">
                                <h3><a href="#">Bank Verification process</a></h3>
                                <p>Interdum viverra fusce pellentesque sed vel feugiat nec aliquam. Amet lectus.</p>
                            </div>
                        </div>
                    </li>
        
                    <li class="col-xl-4">
                        <div class="single-account-creation-step text-center">
                            <div class="icon-box">
                                <div class="count-box">3</div>
                                <div class="icon-box__inner">
                                    <div class="single-account-creation-step__shape1"
                                        style="background-image: url(assets/images/shapes/account-creation-step-shape-1.png);">
                                    </div>
                                    <div class="single-account-creation-step__shape2"
                                        style="background-image: url(assets/images/shapes/account-creation-step-shape-2.png);">
                                    </div>
                                    <div class="single-account-creation-step__shape2-overlay"
                                        style="background-image: url(assets/images/shapes/account-creation-step-shape-2-overlay.png);">
                                    </div>
                                    <span class="icon-start-using-account"></span>
                                </div>
                            </div>
                            <div class="text-box">
                                <h3><a href="#">Start using account</a></h3>
                                <p>Interdum viverra fusce pellentesque sed vel feugiat nec aliquam. Amet lectus.</p>
                            </div>
                        </div>
                    </li>
        
                </ul>
            </div>
        </section>
        
        
        <section class="grow-wealth-style1">
            <div class="grow-wealth-style1__bg jarallax" data-jarallax data-speed="0.1" data-imgPosition="0% 0%"
                style="background-image: url(assets/images/home/1920x790.jpg)">
            </div>
            <div class="shape-top"></div>
            <div class="shape-bottom"></div>
            <div class="container">
                <div class="sec-title text-center">
                    <div class="sub-title item-center">
                        <div class="border-line"></div>
                        <h4>We Offer Banking For Everyone</h4>
                    </div>
                    <h2>secure & grow your business with PBZ</h2>
                    <p>Our various banking solutions for business or of all sizes</p>
                </div>
        
                <div class="row">
        
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="single-grow-wealth-style1">
                            <div class="text-box">
                                <div class="category">
                                    <p>Business Banking</p>
                                </div>
                                <h3><a href="#">Sole Proprietor<br> Account</a></h3>
                                <p>Sole Proprietor</p>
                            </div>
                            <div class="img-box">
                                <img src="assets/images/home/300X210-16.png" alt="">
                            </div>
                            <div class="btns-box">
                                <a href="#">learn More <span class="icon-next2"></span></a>
                            </div>
                        </div>
                    </div>
        
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="single-grow-wealth-style1 active">
                            <div class="text-box">
                                <div class="category">
                                    <p>Business Banking</p>
                                </div>
                                <h3><a href="#">Corporate<br> account</a></h3>
                                <p>Company Account</p>
                            </div>
                            <div class="img-box">
                                <img src="assets/images/home/300X210-17.png" alt="">
                            </div>
                            <div class="btns-box">
                                <a href="#">learn More <span class="icon-next2"></span></a>
                            </div>
                        </div>
                    </div>
        
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="single-grow-wealth-style1">
                            <div class="text-box">
                                <div class="category">
                                    <p>Business Banking</p>
                                </div>
                                <h3><a href="#">Jiwezeshe<br> Account</a></h3>
                                <p>Interdum eget accumsan</p>
                            </div>
                            <div class="img-box">
                                <img src="assets/images/home/300X210-18.png" alt="">
                            </div>
                            <div class="btns-box">
                                <a href="#">learn More <span class="icon-next2"></span></a>
                            </div>
                        </div>
                    </div>
        
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="single-grow-wealth-style1">
                            <div class="text-box">
                                <div class="category">
                                    <p>Business Banking</p>
                                </div>
                                <h3><a href="#">Partnership<br> Account</a></h3>
                                <p>Partnership Account</p>
                            </div>
                            <div class="img-box">
                                <img src="assets/images/home/300X210-19.png" alt="">
                            </div>
                            <div class="btns-box">
                                <a href="#">learn More <span class="icon-next2"></span></a>
                            </div>
                        </div>
                    </div>
        
                </div>
            </div>
        </section>
        
        
        
        
        <section class="blog-style1">
            <div class="container">
                <div class="sec-title text-center">
                    <div class="sub-title item-center">
                        <div class="border-line"></div>
                        <h4>We Offer Banking For Everyone</h4>
                    </div>
                    <h2>our news & insights</h2>
                    <p>Blandit vel varius ultrices. Mattis accumsan egestas pulvinar</p>
                </div>
        
        
                <div class="row">
        
                    <div class="col-xl-7">
                        <div class="single-blog-style1">
                            <div class="single-blog-style1__img-holder">
                                <div class="inner">
                                    <img src="assets/images/home/arafat-haji-md.png" alt="" />
                                    <div class="overlay-button">
                                        <a class="" data-fancybox="gallery" href="assets/images/home/arafat-haji-md.png">
                                            <span class="icon-magnifying-glass"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="category">
                                    <h6>Current Account</h6>
                                </div>
                            </div>
                            <div class="single-blog-style1__title-holder">
                                <div class="meta-box">
                                    <ul class="meta-info">
                                        <li>
                                            <a href="#">
                                                <span class="icon-calendar"></span>18th August 2024
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <span class="icon-comment"></span>34 Comments
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="title-box">
                                    <h3>
                                        <a href="blog-single.html">
                                            PBZ Bank raises profit to Sh31 billion in half-year results
                                        </a>
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
        
                    <div class="col-xl-5">
                        <div class="blog-list-content">
                            <ul class="clearfix">
                                <li>
                                    <div class="single-blog-style2">
                                        <div class="img-holder">
                                            <img src="assets/images/home/assurance.png" alt="" />
                                            <div class="overlay-button">
                                                <a class="" data-fancybox="gallery" href="assets/images/home/assurance.png">
                                                    <span class="icon-magnifying-glass"></span>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="single-blog-style1__title-holder">
                                            <div class="meta-box">
                                                <ul class="meta-info">
                                                    <li>
                                                        <a href="#">
                                                            <span class="icon-calendar"></span>July 25th, 2024
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <span class="icon-comment"></span>34 Comments
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="title-box">
                                                <h3>
                                                    <a href="blog-single.html">
                                                        PBZ launches bancassurance to drive financial inclusion
                                                    </a>
                                                </h3>
                                            </div>
                                        </div>
                                    </div>
                                </li>
        
                                <li>
                                    <div class="single-blog-style2">
                                        <div class="img-holder">
                                            <img src="assets/images/home/dividend.png" alt="" />
                                            <div class="overlay-button">
                                                <a class="" data-fancybox="gallery" href="assets/images/home/dividend.png">
                                                    <span class="icon-magnifying-glass"></span>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="single-blog-style1__title-holder">
                                            <div class="meta-box">
                                                <ul class="meta-info">
                                                    <li>
                                                        <a href="#">
                                                            <span class="icon-calendar"></span>July 7th 2024
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <span class="icon-comment"></span>34 Comments
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="title-box">
                                                <h3>
                                                    <a href="blog-single.html">
                                                        Zanzibar government receives Sh7 billion in dividend from PBZ Bank
                                                    </a>
                                                </h3>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
        
                            <div class="blog-list-content__btn-box">
                                <a class="btn-one" href="blog.html">
                                    <span class="txt">
                                        more news
                                        <i class="icon-Vector"></i>
                                    </span>
                                </a>
                            </div>
        
                        </div>
                    </div>
        
                </div>
            </div>
        </section>

@endsection