	<?php include 'topbar.php';?>
	
	<?php include 'navold.php';?>

	<!--NAVIGATION END-->


	
	
	<style>
    ##userpinid,##useridtextid {
    color: ##717171;
    font-size: 1em;
    line-height: 1.375em;
    background: none;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width:medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width:medium;
    border-bottom: 1px solid ##ccc;
    padding: .313em;
    margin: .188em 0;
}
</style>


<!--home content start-->
<div class="business-main-slider1">
		<div class="owl-carousel1 main-slider1">
			<div class="item1">			
				<div class="hvrbox">
					<!-- <img src="images\b1.jpg" alt="Mountains" class="hvrbox-layer_bottom"> -->
					<div id="carouselExampleDark" class="carousel carousel-dark slide">
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
  </div>
  <div class="carousel-inner">
    <div class="carousel-item active" data-bs-interval="10000">
      <img src="images\bgx1.jpg" class="d-block w-100" alt="...">
      <div class="carousel-caption d-none d-md-block">
		<!-- =====Test===== -->
		<div>
			<div>
				<div>
					<div>
						<div>

						

						<?php include 'loginbox.php';?>
							
					</div>			
				</div>

			</div>	
	</div>


				</div>
				<!-- <h3 class="d-flex justify-content-center  text-center text-white caption align-items-center mb-5 pb-5 border slidelab" >First slide label</h3> -->
				<!-- <p>Some representative placeholder content for the first slide.</p> -->
			</div>
			</div>
			<div class="carousel-item" data-bs-interval="2000">
			<img src="images\bgx4.jpg" class="d-block w-100" alt="...">
			<div class="carousel-caption d-none d-md-block col-12 col-lg-10 offset-lg-1 text-white">
			<?php include 'loginbox.php';?>
				<!-- <h5 class="slidelab ">Second slide label</h5> -->
				<!-- <p>Some representative placeholder content for the second slide.</p> -->
			</div>
			</div>
			<div class="carousel-item">
			<img src="images\bgx5.jpg" class="d-block w-100" alt="...">
			<div class="carousel-caption d-none d-md-block">
				<?php include 'loginbox.php';?>
				<!-- <h5>Third slide label</h5> -->
				<!-- <p>Some representative placeholder content for the third slide.</p> -->
			</div>
			</div>
		</div>
		<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
			<span class="carousel-control-prev-icon" aria-hidden="true"></span>
			<span class="visually-hidden">Previous</span>
		</button>
		<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
			<span class="carousel-control-next-icon" aria-hidden="true"></span>
			<span class="visually-hidden">Next</span>
		</button>
		</div>

	</div>





	<!-- ===================NEXT========================= -->

	<?php include 'loginboxsm.php';?>


		<div class="business-features-3x" >
		<div class="colourful-features-content">				
			<div class="row">
				<div class="container-fluid-lg pt-5 ">	
					<div class="col-sm-12 bankservice">
						<!-- <div class="business-title-middle" style="margin-bottom: 15px;">
							<h2>Choose what's right for you</h2>
							<span class="title-border-middle"></span>
						</div> -->
						<ul class="container bxsliderwr" >
							<div class="row">
								
								<div class="col-lg-2 p-2 my-1" style="background-color: #5c176b ; ">
								<a href="investing">
								<i class="text-center bi bi-telephone" style="color: white;"></i>
									<h4 class="text-center added">CONTACT US</h4>
								</a>
								</div>
							<div class="col-lg-2 p-2 my-1" style="background-color: #5c176b ; ">
								<a href="32-month-balance-transfer">
								<i class="text-center bi bi-bank2" style="color: white;"></i>
									<h4 class="text-center added">BRANCHES</h4>
								</a>
								</div>
							<div class="col-lg-2 p-2 my-1" style="background-color: #5c176b ; ">
								<a href="premier-accounts">
								<i class="text-center  bi bi-pencil-square" style="color: white;"></i>
									<h4 class="text-center added">APPOINTMENT</h4>
								</a>
								</div>
							<div class="col-lg-2 p-2 my-1" style="background-color: #5c176b ; ">
								<a href="bank-accounts">
								<i class="text-center bi bi-newspaper" style="color: white;"></i>
									<h4 class="text-center added">BLOG</h4>
								</a>
								</div>
							<div class="col-lg-2 p-2 my-1" style="background-color: #5c176b ; ">
								<a href="advance">
								<i class="text-center bi bi-building" style="color: white;"></i>
									<h4 class="text-center added">WHAT'S NEW</h4>
								</a>
								</div>
							<div class="col-lg-2 p-2 my-1" style="background-color: #5c176b ;">
								<a href="home-insurance">
								<i class="text-center bi bi-percent" style="color: white;"></i>
									<h4 class="text-center added">RATES</h5>
								</a>
								</div>
							<!-- <li class="col-2">
								<a href="income-cover">
									<i class="icon-Auto-loan-medium" aria-hidden="true"></i>
									<span>Car Buying & Loans</span>
								</a>
							</li> -->
							<!-- <li>
								<a href="investment-funds">
									<i class="icon-business-medium" aria-hidden="true"></i>
									<span>for Business</span>
								</a>
							</li>
							<li>
								<a href="personal-loans">
									<i class="icon-cpc-medium" aria-hidden="true"></i>
									<span>Private Client</span>
								</a>
							</li> -->
							</div>
						</ul>
					</div>
				</div>	
  		<style>
			.added-bg{
				backgroung-color: #5c176b;
			}
		</style>
      
    <div class="container justify-content-inbetween">
  		<div class="row justify-content-evenly m-5 p-5">

		
		  <div class="col-lg-3 border border-dark m-3 p-5 ">
		  <i class="bi fa-4x bi-house-heart-fill text-warning"></i>
			<h1>Giving Back</h1>
			<p>Learn what we are doing in the community</p>
			
			<a href="dealing-with-bereavement" class="btn text-light" style="background-color: #5c176b;">Learn more</a>

			</div>

			<div class="col-lg-3 border border-dark m-3 p-5">
			<i class="fa-4x bi bi-bookmark-star text-warning"></i>
			<h1>Investments</h1>
			<p>Annuities, stocks, bonds, retirement planning & more.</p>
			
			<a href="investing" class="btn text-light" style="background-color: #5c176b;">Learn more</a>

			</div>

			<div class="col-lg-3 border border-dark m-3 p-5">
			<i class=" fa-4x bi bi-award text-warning"></i>
			<h1>Relationship Rewards</h1>
			<p>Earn points for discounted services.</p>
			
			<a href="contactandsupport" class="btn text-light" style="background-color: #5c176b;">Learn more</a>

			</div>
		

		  


		</div>

	</div>


	<!-- Start Footer -->
	<footer class="bussiness-footer-1x">		
	    <div class="bussiness-footer-content ">
			<div class="container">
				<div class="row">
					<div class="col-md-3">	
						<h5> Help & support </h5>
						<a href="contactandsupport">Got a question? We are here to help you </a>
					</div>
					<div class="col-md-3">
						<h5> Find a branch </h5>
						<a href="ways-we-can-help">Find your nearest <?php echo$shortname ?> Banking location</a>
					</div>							
					<div class="col-md-3">	
						<h5> Our performance </h5>
						<a href="investing">View our service dashboard to see how we're doing</a>		
					</div>

					<div class="col-md-3">	
						<h5> About <?php echo$shortname ?> </h5>								
						<a href="news">Careers, media, investor and corporate information</a>							
					</div>					

                    <div class="container">	
                        <div class="">
                            <div class="col-md-12 footer-info">
                                <div class="row">	
                                	<p class="text-center"><?php echo$description; ?></p>

                                    <div class="col-md-3">	
                                        <div class="footer-info-left">	
                                            <!--<p><a href="##">Industri Banking Group</a></p>-->
                                            <img style="max-width:125px;" src="<?php echo$footerlogo; ?>" class="d-inline-block align-top" alt="">
                                        </div>			
                                    </div>	
                                    <div class="col-md-6 text-center"><?php echo$siteaddress ?><br>
                                     <strong>Call us : <?php echo$sitephone ?></strong>
                                    </div>	

                                    <div class="col-md-3">
                                        <div class="footer-info-right">
                                            <ul>
                                                <li><a href="##"> <i class="fa fa-facebook"></i> </a></li>										
                                                <li><a href="##"> <i class="fa fa-twitter"></i> </a></li>											
                                                <li><a href="##"> <i class="fa fa-google"></i> </a></li>									
                                                <li><a href="##" target="_blank"> <i class="fa fa-linkedin"></i> </a></li>											
                                            </ul>					
                                        </div>					
                                    </div>	
                                    <div class="col-md-12 text-center text-muted">© <?php echo date("Y")?> <?php echo$sitename ?>- All rights reserved.</div>	
                                </div>					
                            </div>					
                        </div>	  
					</div>
				</div>					
			</div>			
	    </div>		  
	</footer>	
	<!-- End Footer -->	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
   <script src="1.12.4\jquery.min.js"></script>
	<script src="cdnjs.cloudflare.com\ajax\libs\popper.js\1.14.0\umd\popper.min" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js\bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

	<!-- Wow Script -->
	<script src="js\wow.min.js"></script>
	<!-- Counter Script -->
	<script src="js\waypoints.min.js"></script>
	<script src="js\jquery.counterup.min.js"></script>
	<!-- Masonry Portfolio Script -->
    <script src="js\jquery.filterizr.min.js"></script>
    <script src="js\filterizer-controls.js"></script>
    <!-- OWL Carousel js-->
	<script src="js\owl.carousel.min.js"></script>  
	<!-- Lightbox js -->
	<script src="inc\lightbox\js\jquery.fancybox.pack.js"></script>
	<script src="inc\lightbox\js\lightbox.js"></script>
	<!-- Google map js -->
	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCa6w23do1qZsmF1Xo3atuFzzMYadTuTu0"></script>	
	<script src="js\map.js"></script>
	<!-- loader js-->
    <script src="js\fakeLoader.min.js"></script>
	<!-- Scroll bottom to top -->
	<script src="js\scrolltopcontrol.js"></script>
	<!-- menu -->
	<script src="js\bootstrap-4-navbar.js"></script>    
    <!-- Stiky menu -->
	<script src="js\jquery.sticky.js"></script>  
    <!-- youtube popup video -->
	<script src="js\jquery.magnific-popup.min.js"></script>  
    <!-- Color switcher js -->
	<script src="js\color-switcher.js"></script> 
    <!-- Color-switcher-active -->  
    <script src="js\color-switcher-active.js"></script>      
	<!-- Custom script -->
    <script src="js\custom.js"></script>
    <script src="js\jquery.bxslider.min.js"></script>
    <script src="js/toastr.js"></script>
    <script src="js/sweetalert.js"></script>

    <!-- for calucator---->
    	<script type="text/javascript" src="etc\clientlib-all.min.2f2dbb3959c1dcdb1f3b1f52f1375b62.js"></script>
		
		<script type="text/javascript" src="etc\clientlib.min.b3ec3a2325eaa4cbc74a2e2f0b755b0f.js"></script>
		



<script src="js\jquery.bxslider.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		if( ($(window).width() > 769) ) {
			$('.bxsliderwr1').bxSlider({
				minSlides: 5,
	  			maxSlides: 5,
	  			slidewidth:230,
	  			pager:true,
	  			slideMargin: 50,
	  			moveSlides:1,
	  			auto: true,
	  			infiniteLoop: true,
	  			mode: 'horizontal',
			});
		}
		else if( ($(window).width() < 769) && ($(window).width() > 481) ) {
			$('.bxsliderwr').bxSlider({
				minSlides: 3,
	  			maxSlides: 3,
	  			slidewidth:230,
	  			pager:true,
	  			slideMargin: 50,
	  			moveSlides:1,
	  			auto: true,
	  			infiniteLoop: true,
	  			mode: 'horizontal',
			});
		}
		else{
			$('.bxsliderwr').bxSlider({
				minSlides: 3,
	  			maxSlides: 3,
	  			slidewidth:230,
	  			pager:false,
	  			slideMargin: 50,
	  			moveSlides:1,
	  			auto: true,
	  			infiniteLoop: true,
	  			mode: 'horizontal',
			});
		}
	}); 
</script>

	<script type="text/javascript">
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  });
}
</script>	
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/<?php echo $tawk ?>';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->  

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
  

</body>

<script>
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "integer", {validateOn:["blur", "change"]});
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {minChars:6, maxChars: 12, validateOn:["blur", "change"]});
//-->
</script>
</html>     