<?php
require_once("scripts/functions.php");
 ?><!doctype html>
<html lang="en">


<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<head>
    <title>Overdrafts | <?php echo $sitename ?></title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">       <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">

	<!-- Favicon icon -->    
	<link rel="stylesheet" href="etc\clientlib-default.min.001bf72e86ac4a5150822ce748c8d0ae.css" type="text/css">
	<link rel="stylesheet" href="site.min.css" type="text/css"><link rel="shortcut icon" type="image/png" href="images\<?php echo $favicon ?>">    <!-- Google fonts -->	<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,400,400i,500,500i,700" rel="stylesheet">			<!-- Bootstrap -->    <link href="css\bootstrap.min.css" rel="stylesheet">	<!-- Fontawsome -->    <link href="css\font-awesome.min.css" rel="stylesheet">    <!-- Animate CSS-->    <link href="css\animate.css" rel="stylesheet">    <!-- menu CSS-->    <link href="css\bootstrap-4-navbar.css" rel="stylesheet">		<!-- Portfolio Gallery -->    <link href="css\filterizer.css" rel="stylesheet">	<!-- Lightbox Gallery -->    <link href="inc\lightbox\css\jquery.fancybox.css" rel="stylesheet">	<!-- OWL Carousel -->	<link rel="stylesheet" href="css\owl.carousel.min.css">	<link rel="stylesheet" href="css\owl.theme.default.min.css">    <!-- Preloader CSS-->    <link href="css\fakeLoader.css" rel="stylesheet">	<!-- Main CSS -->    <link href="style.css" rel="stylesheet">    <!-- Default CSS Color -->     <link href="color\default.css" rel="stylesheet">     <!-- Color CSS -->     <link rel="stylesheet" href="color\color-switcher.css">    <!-- Default CSS Color -->     <link href="color\default.css" rel="stylesheet">     <!-- Color CSS -->     <link rel="stylesheet" href="color\color-switcher.css">	<!-- Responsive CSS -->    <link href="css\responsive.css" rel="stylesheet">    <link href="css\customcss.css" rel="stylesheet">    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"></head>
	<!--header open in header-->


<script type="text/javascript" src="cdn.weglot.com\weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'wg_8df86c8e7dcea06b64d53f5fd49840277'
    });
</script>
  <body>
  <style>
      .navbar-brand h2{
          font-size:35px;
          margin-top:2px;
      }
  </style>
   <!-- Preloader -->
    <div id="fakeloader"></div>
	
	<div class="top-menu-1x">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<div class="top-menu-left">
						<p>Need help? Contact Us</p>
						 
						<b><i class="fa fa-envelope"></i><a style="color:#fff;" href="mailto:<?php echo $siteemail ?>"><?php echo $siteemail ?></a></b>
					</div>					
				</div>				
				<div class="col-md-6">
					<div class="top-menu-right">
						<div class="footer-info-right">
							<ul>
								<a href="index" style="background-color:white; color:black; border: 2px red; padding:2px;"><i class="fa fa-lock"></i> sign in</a>										
								<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="#"> <i class="fa fa-linkedin"></i> </a></li>											
							</ul>			
						</div>					
					</div>				
				</div>
			</div>
		</div>
	</div>

	<div class="bussiness-main-menu-1x">	
		<div class="container">
			<div class="row">
				<div class="col-md-12">		
					<div class="business-main-menu">		
						<nav class="navbar navbar-expand-lg navbar-light bg-light btco-hover-menu">
						<a class="navbar-brand" href="index-2">
							<img style="max-width:125px;" src="<?php echo$logo ?>" class="d-inline-block align-top" alt="">		
							<!--<h2><span style="color:#EC4550;">I</span><span style="color:#0E3768;">BG</span></h2>-->
						</a>
					  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					  </button>

					  <div class="collapse navbar-collapse" id="navbarSupportedContent">
					  
						<ul class="navbar-nav ml-auto business-nav">
							<li class="nav-item dropdown">
									<a class="nav-link" href="#" id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										Banking Services <i class="fa fa-angle-down"></i><span style="display: block;font-size: 11px;">Accounts & services</span>
									</a>
									<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2" style="width:100%;background-color: #fff;">
									
									<div class="container">
										<div class="business-services nav1">	
											<div class="row">				
												<div class="col-md-12 service-content">
													<div class="row">
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="current-accounts" class="menuhead">Current Accounts</a>
																		<li><a class="dropdown-item" href="premier-accounts"><?php echo $shortname ?> Account</a></li>
																		<li><a class="dropdown-item" href="advance-accounts">Advance Account</a></li>
																		<li><a class="dropdown-item" href="student-accounts">Student Account</a></li>
																		<li><a class="dropdown-item" href="bank-accounts">Bank Account</a></li>
																  </div>
																</div>	
															</div>	
														</div>
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="saving-accounts" class="menuhead">Savings</a>
																		<li><a class="dropdown-item" href="isas-accounts">ISAs</a></li>
																		<li><a class="dropdown-item" href="online-bonus-saver">Online Bonus Saver</a></li>
																		<li><a class="dropdown-item" href="flexible-saver">Flexible Saver</a></li>
																  </div>
																</div>	
															</div>	
														</div>
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="credit-cards" class="menuhead">Credit cards</a>
																		<li><a class="dropdown-item" href="32-month-balance-transfer">32 Month Transfer Credit Card</a></li>
																		<li><a class="dropdown-item" href="advance">Advance Credit Card</a></li>
																		<li><a class="dropdown-item" href="dual">Dual Credit Card</a></li>
																		<li><a class="dropdown-item" href="classic">Classic Credit Card</a></li>
																		<li><a class="dropdown-item" href="premier"><?php echo $shortname ?> Credit Card</a></li>
																		<li><a class="dropdown-item" href="premier-world-elite"><?php echo $shortname ?> World Elite Mastercard</a></li>
																		<li><a class="dropdown-item" href="student">Student Credit Card</a></li>
																  </div>
																</div>	
															</div>	
														</div>
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="contactandsupport" class="menuhead">Services</a>
																		<li><a class="dropdown-item" href="ways-to-bank">Ways to bank</a></li>
																		<li><a class="dropdown-item" href="phone-banking">Voice ID</a></li>
																		<li><a class="dropdown-item" href="contactandsupport">Contact & Support</a></li>
																		<li><a class="dropdown-item" href="branch-locator">Find a Branch</a></li>
																		<a style="margin-top: 15px;" href="international" class="menuhead">International services</a>
																		<li><a class="dropdown-item" href="currency-account">Currency Account</a></li>
																		<li><a class="dropdown-item" href="money-transfer">International Payments</a></li>
																		<li><a class="dropdown-item" href="travel-money">Travel money</a></li>
																  </div>
																</div>	
															</div>	
														</div>
													</div>
												</div>									
											</div>
										</div>
									</div>                                     
								</ul>
								</li>
							    <li class="nav-item dropdown">
									<a class="nav-link" href="#" id="navbarDropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										Borrowing <i class="fa fa-angle-down"></i><span style="display: block;font-size: 11px;">Loans & mortgages</span>
									</a>
									<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2" style="width:100%;background-color: #fff;">
									
									<div class="container">
										<div class="business-services nav2">	
											<div class="row">				
												<div class="col-md-12 service-content">
													<div class="row">
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="loans" class="menuhead">Loans</a>
																		<li><a class="dropdown-item" href="personal-loans">Personal Loan</a></li>
																		<li><a class="dropdown-item" href="car-loans">Car Loan</a></li>
																		<li><a class="dropdown-item" href="flexible">Flexiloan</a></li>
																		<li><a class="dropdown-item" href="premier-personal"><?php echo $shortname ?> Personal Loan</a></li>
																		<li><a class="dropdown-item" href="graduate-loans">Graduate Loan</a></li>
																  </div>
																</div>	
															</div>	
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="overdrafts" class="menuhead">Overdrafts</a>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="mortgages" class="menuhead">Mortgages</a>
																		<li><a class="dropdown-item" href="first-time-buyers">First time buyer</a></li>
																		<li><a class="dropdown-item" href="95-mortgages">95% Mortgages</a></li>
																		<li><a class="dropdown-item" href="remortgage">Remortgage</a></li>
																		<li><a class="dropdown-item" href="buy-to-let-mortgages">Buy to let</a></li>
																		<li><a class="dropdown-item" href="existing-customers">Existing homeowner</a></li>
																		<li><a class="dropdown-item" href="mortgage-rates">Mortgage rates</a></li>
																		<li><a class="dropdown-item" href="armed-forces">Armed Forces Personnel</a></li>
																  </div>
																</div>	
															</div>	
														</div>
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="credit-cards" class="menuhead">Credit cards</a>
																		<li><a class="dropdown-item" href="32-month-balance-transfer">32 Month Transfer Credit Card</a></li>
																		<li><a class="dropdown-item" href="advance">Advance Credit Card</a></li>
																		<li><a class="dropdown-item" href="dual">Dual Credit Card</a></li>
																		<li><a class="dropdown-item" href="classic">Classic Credit Card</a></li>
																		<li><a class="dropdown-item" href="premier"><?php echo $shortname ?> Credit Card</a></li>
																		<li><a class="dropdown-item" href="premier-world-elite"><?php echo $shortname ?> World Elite Mastercard</a></li>
																		<li><a class="dropdown-item" href="student">Student Credit Card</a></li>
																  </div>
																</div>	
															</div>	
														</div>
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="contactandsupport" class="menuhead">Services</a>
																		<li><a class="dropdown-item" href="contactandsupport">Help & Support</a></li>
																		<li><a class="dropdown-item" href="money-worries">Money Worries</a></li>
																		<li><a class="dropdown-item" href="branch-locator">Find a Branch</a></li>
																
																		<a style="margin-top: 15px;" href="tools-and-guides" class="menuhead">Tools & Guides</a>
																		<li><a class="dropdown-item" href="overpayment-calculator">Overpayment calculator</a></li>
																		<li><a class="dropdown-item" href="repayment-calculator">Repayment calculator</a></li>
																		<li><a class="dropdown-item" href="bank-of-england-base-rate">Base rate information</a></li>
																  </div>
																</div>	
															</div>	
														</div>		
													</div>
												</div>									
											</div>
										</div>
									</div>                                     
								</ul>
							  </li>	

							  <li class="nav-item dropdown">
									<a class="nav-link" href="#" id="navbarDropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										Investing <i class="fa fa-angle-down"></i><span style="display: block;font-size: 11px;">Products & analysis</span>
									</a>
									<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2" style="width:100%;background-color: #fff;">
									
									<div class="container">
										<div class="business-services nav3">	
											<div class="row">				
												<div class="col-md-12 service-content">
													<div class="row">
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="investing" class="menuhead">Investments</a>
																		<li><a class="dropdown-item" href="investment-funds">Investment funds</a></li>
																		<li><a class="dropdown-item" href="world-selection-isa">World Selection ISA</a></li>
																		<li><a class="dropdown-item" href="sharedealing">Sharedealing</a></li>
																		<li><a class="dropdown-item" href="premier-financial-advice"><?php echo $shortname ?> Financial Advice</a></li>
																		<li><a class="dropdown-item" href="stand-alone-investment-advice">Stand-alone Investment Advice</a></li>
																		<li><a class="dropdown-item" href="onshore-investment-bond">Onshore Investment Bond</a></li>
																		<li><a class="dropdown-item" href="child-trust-funds">Child Trust fund</a></li>
																		<li><a class="dropdown-item" href="investing">View all</a></li>
																  </div>
																</div>	
															</div>	
														</div>
														
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="news" class="menuhead">Financial news & analysis</a>
																  </div>
																</div>	
															</div>
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="why-invest-with-us" class="menuhead">Why invest with us?</a>
																	<li><a class="dropdown-item" href="why-invest-with-us">Find out more</a></li>
																  </div>
																</div>	
															</div>
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="wealth-insights" class="menuhead">Wealth Insights </a>
																  </div>
																</div>	
															</div>	
														</div>
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="investment-funds-online" class="menuhead">Global Investment Centre</a>
																		<li><a class="dropdown-item" href="investment-funds-online">Find out more</a></li>
																	</div>
																</div>
															</div>
														</div>	
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="contactandsupport" class="menuhead">Customer support</a>
																		<li><a class="dropdown-item" href="gsa">Log on to Global Investment<br>Centre</a></li>
																		<li><a class="dropdown-item" href="gsa">Log on to Sharedealing</a></li>
																		<li><a class="dropdown-item" href="contactandsupport">Investments contacts</a></li>
																		<li><a class="dropdown-item" href="selected-investment-funds">Existing Selected Investments<br>Customers</a></li>
																		<li><a class="dropdown-item" href="getting-started">Getting started with investing</a></li>
																		<li><a class="dropdown-item" href="contactandsupport">View all</a></li>
																  </div>
																</div>	
															</div>	
														</div>			
													</div>
												</div>									
											</div>
										</div>
									</div>                                     
								</ul>
							  </li>	

							  <li class="nav-item dropdown">
									<a class="nav-link" href="#" id="navbarDropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										Insurance <i class="fa fa-angle-down"></i><span style="display: block;font-size: 11px;">Property & family</span>
									</a>
									<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2" style="width:100%;background-color: #fff;">
									
									<div class="container">
										<div class="business-services nav4">	
											<div class="row">				
												<div class="col-md-12 service-content">
													<div class="row">
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="insurance" class="menuhead">Insurance</a>
																		<li><a class="dropdown-item" href="home-insurance">Home Insurance</a></li>
																		<li><a class="dropdown-item" href="travel-insurance">Travel Insurance</a></li>
																		<li><a class="dropdown-item" href="student-insurance">Student Insurance</a></li>
																		<li><a class="dropdown-item" href="insurance">View all</a></li>
																  </div>
																</div>	
															</div>	
														</div>
														
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="life-insurance" class="menuhead">Life Insurance</a>
																	<li><a class="dropdown-item" href="life-cover">Life Cover</a></li>
																	<li><a class="dropdown-item" href="critical-illness-cover">Critical Illness Cover</a></li>
																	<li><a class="dropdown-item" href="income-cover">Income Cover</a></li>
																	<li><a class="dropdown-item" href="protection-telephone-advice">Telephone Protection Advice</a></li>
																	<li><a class="dropdown-item" href="life-insurance">View all</a></li>
																  </div>
																</div>	
															</div>
														</div>
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="insurance" class="menuhead">Insurance Claims</a>
																		<li><a class="dropdown-item" href="home-insurance-claims">Home Insurance Claims</a></li>
																		<li><a class="dropdown-item" href="travel-insurance">Travel Insurance Claims</a></li>
																		<li><a class="dropdown-item" href="car-insurance-claims">Car Insurance Claims</a></li>
																	</div>
																</div>
															</div>
														</div>	
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="premier-accounts" class="menuhead"><?php echo $shortname ?> Customers</a>
																		<li><a class="dropdown-item" href="premier-travel">Travel Insurance Claims</a></li>
																		<li><a class="dropdown-item" href="premier-car">Car Insurance Claims</a></li>
																  </div>
																</div>	
															</div>	
														</div>			
													</div>
												</div>									
											</div>
										</div>
									</div>                                     
								</ul>
							  </li>
								
								<li class="nav-item dropdown">
									<a class="nav-link" href="#" id="navbarDropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										Life events <i class="fa fa-angle-down"></i><span style="display: block;font-size: 11px;">Help & support</span>
									</a>
									<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2" style="width:100%;background-color: #fff;">
									
									<div class="container">
										<div class="business-services nav5">	
											<div class="row">				
												<div class="col-md-12 service-content">
													<div class="row">
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="life-events" class="menuhead">Life events</a>
																		<li><a class="dropdown-item" href="dealing-with-bereavement">Bereavement support</a></li>
																		<li><a class="dropdown-item" href="dealing-with-separation">Separation support</a></li>
																		<li><a class="dropdown-item" href="settling-in-the-uk">Settling in the UK</a></li>
																		<li><a class="dropdown-item" href="getting-married">Getting married</a></li>
																		<li><a class="dropdown-item" href="planning-your-retirement">Planning your retirement</a></li>
																		<li><a class="dropdown-item" href="growing-your-wealth">Growing your wealth</a></li>
																		<li><a class="dropdown-item" href="moving-abroad">Moving abroad</a></li>
																		<li><a class="dropdown-item" href="life-events">View all</a></li>
																  </div>
																</div>	
															</div>	
														</div>
														
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="planningtools" class="menuhead">Planning tools</a>
																	<li><a class="dropdown-item" href="financial-health-check">Financial health check</a></li>
																	<li><a class="dropdown-item" href="planningtools">View All</a></li>
																  </div>
																</div>	
															</div>
														</div>
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="protecting-what-matters" class="menuhead">Protecting what matters</a>
																		<li><a class="dropdown-item" href="protecting-what-matters">Learn more</a></li>
																	</div>
																</div>
															</div>
														</div>	
														<div class="col-md-3">
															<div class="single-services">
																<div class="media">
																  <div class="media-body">
																	<a href="contactandsupport" class="menuhead">Customer support</a>
																		<li><a class="dropdown-item" href="ways-we-can-help">Ways we can help</a></li>
																		<li><a class="dropdown-item" href="money-worries">Money Worries</a></li>
																		<li><a class="dropdown-item" href="ways-we-can-help">Frequently asked questions</a></li>
																		<a style="margin-top: 15px;" href="quality-conversations" class="menuhead">Individual Review</a>
																		<li><a class="dropdown-item" href="quality-conversations">Book your review today for a<br>quick financial checkup</a></li>
																  </div>
																</div>	
															</div>	
														</div>			
													</div>
												</div>									
											</div>
										</div>
									</div>                                     
								</ul>
							  </li>
							   
							 </ul>	
						  </div>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</div>	
	<!--NAVIGATION END-->	<!-- content start-->
<style type="text/css">
	.item.creditbanner{
		position: relative;
	}
	.banner-content{
		position: absolute;
	    top: 45%;
	    left: 9%;
	    background-color: #fff;
	    padding: 30px 50px 30px 10px;
	    box-shadow: 0 0 23px -5px #000;
	}
	.banner-content h3{
		color: #033d75;
	    font-size: 28px;
	    text-transform: uppercase;
	    margin-bottom: 15px;
	    font-weight: bold;
	}
	.banner-content p{
		color: #333;
    	font-size: 20px;
    	margin-bottom: 0;
	}
	.cardWr.row{
		box-shadow: 0 0 15px -3px #000;
	    margin: 60px 0;
	    border-radius: 0;
	}
	.single-bolg.hover01 a:hover .blog-content{
		color: #EF454D;
		transition: all .5s ease 0s;
	}
	.cardWr .col-sm-8{
		padding: 30px;
	}
	.cardWr .col-sm-4{
		padding: 40px 30px 30px;
	}
	.cardWr .col-sm-4{
		background-color: #033d75;
		color: #fff;
	}
	.cardWr .col-sm-4 .col-sm-12{
		padding:0;
	}
	.cardWr .col-sm-12 p{
		margin: 8px 0 15px;
    	font-size: 18px;
	}
	.cardWr .col-sm-12 h2{
		font-size: 22px;
	    font-weight: bold;
	    color: #033d75;
	    margin-bottom: 17px;
	    margin-top: 15px;
	    text-transform: uppercase;
	}
	.inner-card-wr .fa.fa-check{
		margin-right: 10px;
	}
	.cardWr .col-sm-12 ul, .inner-card-wr ul{
		padding-left: 0;
	}
	.inner-card-wr li {
	    font-weight: bold;
	}
	.inner-card-wr ul p {
	    margin-left: 29px;
	    margin-bottom: 18px;
	}
	.card-single-wr h2{
		font-size: 30px;
	    position: relative;
	    margin-left: 20px;
	    margin-bottom: 30px;
	    color: #033d75;
	}
	.card-single-wr h2::before {
	    position: absolute;
	    left: -25px;
	    top: 0;
	    width:5px;
	    height: 32px;
	    background-color: #EF454D;
	    content: '';
	}
	.inner-card-wr h3{
		margin-bottom: 23px;
	    font-size: 24px;
	    margin-top: 40px;
	    font-weight: bold;
	    color: #EF454D;
	}
	.cardWr .col-sm-12 li, .inner-card-wr li{
		display: block;
		margin-bottom: 14px;
	}
	.card-single-wr {
	    border-top: 1px solid #033d75;
	    padding: 45px 0 22px;
	}
	.inner-card-wr p a{
		color: #033d75;
		text-decoration: underline;
	}
	.firstspan{
		width:4%;
		display: inline-block;
		vertical-align: top;
	}
	.secondspan{
		display: inline-block;
		width:90%;
		vertical-align: top;
	}
	.rightwr .col-sm-12 p{
		font-size: 20px;
	    line-height: 30px;
	    margin-bottom: 20px;
	}
	.col-sm-12.variableper{
		margin-top: 10px;
	}
	p span{
		display: block;
    	font-size: 16px;
	}
	.readmoreWr {
		text-align: left;
	    margin: 20px 0 20px;
	    padding-left: 15px;
	}
	.fa.fa-info-circle{
		margin-right: 10px; 
	}
	i.fa.fa-check {
	    color: #033d75;
	    font-size: 19px;
	}
	.inner-card-wr.lowerwr ul {
	    margin: 5px 0;
	}
	i.fa.fa-download {
	    margin-right: 10px;
	    color: #033d75;
	}
	.inner-card-wr.lowerwr li {
	    font-weight: normal;
	}
	.inner-card-wr.lowerwr li a{
		color: #033d75;
	}
	.inner-card-wr.lowerwr li a:hover{
		color: #EF454D;
	}
	.toggleclass{
		color: #333;
	    font-size: 18px;
	    font-weight: bold;
	    text-decoration: underline;
	    margin-bottom: 25px;
	    display: inline-block;
	}
	.toggleclass:hover{
		text-decoration: underline;
	}
	.logonwr{
		margin-bottom: 35px;
	}
	.collapse h3 a{
		color: #033d75;
	}
	.business-wr{
		padding:0;
		margin-top: 40px;
	}
	.blog-content {
	    font-size: 20px;
	    margin-top: 15px;
	    text-align: left;
	    margin-bottom: 22px;
	    min-height: 50px;
	}
	.single-bolg.hover01{
		margin-top: 0;
	}
	#demo1 .col-sm-6 h3{
		margin-top: 0;
	}
	.anchorlink a{
		color: #fff;
		text-decoration: underline;
	}
	.overdraftli li{
		font-weight: normal;
	}
	table tr:nth-child(odd) td, table tr:nth-child(odd) th {
	    background: #ededed;
	    padding: 20px;
	    line-height: 35px;
	}
	table tr:nth-child(even) td, table tr:nth-child(even) th {
	    padding: 20px;
	    line-height: 33px;
	}
	th {
	    color: #033d75;
	    font-size: 17px;
	    line-height: 24px!important;
	}
</style>

<div class="business-main-slider">
	<div class="owl-carousel main-slider">
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\group-friends-sports-lauthing.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3>Overdraft Service</h3>
					<p>Be prepared for life's unexpected costs</p>
				</div>
			</div>		
        </div>
    </div>	
</div>
<div class="card-detail-wr">
	<div class="container">
		<div class="cardWr row">
			<div class="col-sm-8 leftwr">
				<div class="col-sm-12" style="margin-bottom: 15px;">
					<p>Current Accounts</p>
					<h2>Overdraft service</h2>
					<img src="images\visa.png" style="width:250px; height: 170px;">
				</div>
				<div class="col-sm-12">	
					<p>Agreeing an arranged overdraft is fee free and keeping within your limit could be an easy way to manage your account.</p>
					<ul>
						<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">Give yourself the flexibility to cope with unexpected expenses by requesting an adequate arranged overdraft limit.</span></li>

						<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">If your request for an overdraft is approved, you'll know that when you keep within your limit all your payments will be made and no overdraft fees will apply. Your only cost will be the interest you pay.
						<p>Representative Example: 19.9% EAR variable (assumed overdraft $1,200).</p></span></li>

						<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">Overdraft Charges<p>For details of the charges that may be applicable, please click here to see <a href="#">examples.</a></p></span></li>
					</ul>
				</div>
				
				<div class="readmoreWr col-sm-12">
					<a href="#" class="bussiness-btn-larg">Check eligibility and how to apply</a>
				</div>
			</div>
			<div class="col-sm-4 rightwr">
				<div class="col-sm-12 variableper">
					<p>Apply for an <?php echo$shortname ?> Overdraft today</p>
				</div>
			</div>
		</div>

		<div class="card-single-wr">
			<h2>Why have an <?php echo$shortname ?> overdraft?</h2>
			<div class="business-wr">
				<div class="container">
					<div class="inner-card-wr overdraftli">
						<p>An overdraft could give you peace of mind by allowing you to make payments when you have run out of money in your account. It can help you through expensive months like December or unexpected costs such as an emergency plumber.</p>
						<h3>Monthly cap on unarranged overdraft charges (effective from 1 August 2019)</h3>
						<p style="margin-bottom: 10px;"><strong>1. Each current account will set a monthly maximum charge for:</strong></p>
						<ul>
							<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">going overdrawn when you have not arranged an overdraft; or</span></li>

							<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">going over/past your arranged overdraft limit (if you have one).</span></li>
						</ul>
						<p style="margin-bottom: 10px;"><strong>2. This cap covers any:</strong></p>
						<ul>
							<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">interest and fees for going over/past your arranged overdraft limit;</span></li>

							<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">fees for each payment your <?php echo$shortname ?> allows despite lack of funds; and </span></li>

							<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">fees for each payment your <?php echo$shortname ?> refuses due to lack of funds.</span></li>
						</ul>
						<p>The introduction of the Monthly Maximum Charge will not affect any charging period that ended prior to 1st August 2017. Any notification of charges that are generated on or after 1st August 2017 will incorporate the new Monthly Maximum Charge cap.</p>
						<p>Further details, including the level of the monthly cap applicable to each account, can be found in the more details section below. </p>
						<p>If you make more than one payment on the same day we take this as one overdraft request and only charge one fee. You cannot apply for an overdraft on Basic <?php echo$shortname ?> Account (or any savings accounts).</p>
						<p>There are no overdraft usage fees on <?php echo $shortname ?> <?php echo$shortname ?> Account, Student <?php echo$shortname ?> Accounts or <?php echo$shortname ?> Account Pay Monthly.</p>
						<p>For a guide on how much an arranged overdraft is likely to cost for <?php echo$shortname ?> Advance or <?php echo$shortname ?> Account you can use our Overdraft Calculator <a href="#">here</a></p>
					</div>
				</div>
			</div>
		</div>

		<div class="card-single-wr" style="margin-bottom: 35px;">
			<div class="tkl">
				<style>
					.tab {
					    overflow: hidden;
					    border: 1px solid #ccc;
					    background-color: #033d75;
					}

					/* Style the buttons inside the tab */
					.tab button {
					    background-color: inherit;
					    float: left;
					    border: none;
					    outline: none;
					    cursor: pointer;
					    padding: 14px 16px;
					    transition: 0.3s;
					    font-size: 20px;
					    color: #fff;
					    border-radius: 0;
					}
					.tabcontent li{
						display: block;
					    margin-bottom: 15px;
					    line-height: 25px;
					    margin-top: 15px;
					}
					.tabcontent li i{
						margin-right: 7px;
					}
					.tabcontent h3 {
					    margin: 45px 0 25px;
					}
					/* Change background color of buttons on hover */
					.tab button:hover {
					    background-color: #EF454D;
					}
					.tabcontent h3{
						margin: 32px 0 15px;
	    				font-size: 23px;
					}

					/* Create an active/current tablink class */
					.tab button.active {
					    background-color: #EF454D;
					}

					/* Style the tab content */
					.tabcontent {
					    display: none;
					    padding: 30px 15px;
					    border: 1px solid #ccc;
					    border-top: none;
					}
					.tabcontent a{
						color: #033d75;
					}
				</style>
				<div class="tab">
				  <button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">More details</button>
				  <button class="tablinks" onclick="openCity(event, 'Paris')">Charges</button>
				</div>
				<div id="London" class="tabcontent">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<h3>Agreeing an overdraft limit in advance</h3>
								<p>An arranged request occurs when you approach us to arrange an overdraft limit.</p>
								<p>There is no overdraft fee for agreeing an arranged limit and it gives you greater control of your finances – you'll have an agreed limit within which you know items will be paid without incurring any overdraft fees. It's important to choose an adequate limit because if you go over it you may be charged daily overdraft usage fees, see our <a href="#">Charges and Additional Product Terms</a> (PDF) for full details.</p>
								<p>Your overdraft limit will be agreed until further notice, we will review the facility annually and contact you if we will be making any changes.</p>
								
								<h3>Going overdrawn without agreeing it in advance</h3>
								<p>An unarranged request is when you authorise a payment that would take your account overdrawn or beyond your arranged limit without agreeing in advance an overdraft to cover it.</p>
								<p>We will always consider an unarranged request and will make the payment if we can, subject to status. If approved the overdraft will be provided for 31 days to cover the item concerned.</p>

								<h3>Unarranged overdraft usage fees - and how to avoid them</h3>
								<p>If your overdraft limit is adequate and you don't go above it, all you need pay is the overdraft interest. We only charge a daily unarranged overdraft usage fee if you are more than $10 in your unarranged overdraft, see <a href="#">Charges and Additional Product Terms</a> (PDF) for full details.</p>
								<p>We will always try to make your payments even if you do not have sufficient cleared funds in your account and the payment would take you over any arranged overdraft facility.</p>
								<p>Remember, it's more cost effective to arrange an adequate arranged overdraft than rely on unarranged overdrafts.</p>

								<h3>How you can keep track of your balance</h3>
								<p>To try to help you avoid overdraft fees, we will send you overdraft text alerts if we've agreed an unarranged overdraft on your account. We will also send you a text alert if there isn't sufficient cleared funds available, in your account, to make a payment. You can opt out of receiving these text messages by calling us.</p>

								<p>There are also several other ways you can keep an eye on where your balance is in relation to your overdraft limit:</p>

								<ul>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">Text message alerts sent to your mobile at no extra cost – you can set these up via online banking or by calling us on <?php echo $sitephone ?> </span></li>

									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">The <a href="#"><?php echo$shortname ?> US Mobile Banking app</a></span></li>

									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan"><?php echo$shortname ?> cash machines will warn you if you try to make a withdrawal that might result in you being charged</span></li>

									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">Online banking to view balances, statements and payment details - plus increase (subject to status), decrease or cancel your overdraft limit.</span></li>

									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">Our automated service on <?php echo $sitephone ?>  any time of the day or night to check your balance</span></li>
								</ul>

								<h3>The cost of your overdraft</h3>
								<p>If you keep within your arranged overdraft limit the only cost you need pay is interest. Here are the rates that apply to overdrafts on our accounts, at a glance.</p>
								<div id="pp_main_simpletable_1" class="table-wrapper" style="overflow-x: auto;">
								   <table style="min-width:100%; width:auto;">
								      <tbody>
								         <tr>
								            <th scope="col" style="width:auto; height: auto; left: auto; position: static;"><strong>Name of Account &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</strong></th>
								            <th scope="col" style="width:auto;"><strong>Cost of Arranged Overdraft</strong></th>
								            <th scope="col" style="width:auto;"><strong>Cost of Unarranged Overdraft (Monthly Maximum Charge)<sup>2</sup></strong></th>
								         </tr>
								         <tr>
								            <td style="width:auto; height: auto; left: auto; position: static;"><?php echo$shortname ?> Account</td>
								            <td style="width:auto;">Overdraft interest (19.9%)<br>
								               Representative example (assumed overdraft $1,200):<br>
								               19.9% EAR<sup>* </sup>variable
								            </td>
								            <td style="width:auto;">$5 daily fee to a monthly maximum charge of $80</td>
								         </tr>
								         <tr>
								            <td style="width:auto; height: auto; left: auto; position: static;">
								               <p>Current</p>
								               <p>Account <sup>1</sup></p>
								            </td>
								            <td style="width:auto;">Overdraft interest (19.9%)<br>
								               Representative example (assumed overdraft $1,200):<br>
								               19.9% EAR<sup>*</sup>&nbsp;variable
								            </td>
								            <td style="width:auto;">$5 daily fee to a monthly maximum charge of $80</td>
								         </tr>
								         <tr>
								            <td style="width:auto; height: auto; left: auto; position: static;">Home Management Account <sup>1</sup></td>
								            <td style="width:auto;">Overdraft interest (19.9%)<br>
								               Representative example (assumed overdraft $1,200):<br>
								               19.9% EAR<sup>*</sup> variable
								            </td>
								            <td style="width:auto;">$5 daily fee to a monthly maximum charge of $80</td>
								         </tr>
								         <tr>
								            <td style="width:auto; height: auto; left: auto; position: static;"><?php echo$shortname ?> Advance <?php echo$shortname ?> Account</td>
								            <td style="width:auto;">Overdraft interest (17.9%)<br>
								               Representative example (assumed overdraft $1,200):<br>
								               17.9% EAR<sup>*</sup>&nbsp;variable
								            </td>
								            <td style="width:auto;">$5 daily fee to a monthly maximum charge of $80</td>
								         </tr>
								         <tr>
								            <td style="width:auto; height: auto; left: auto; position: static;">Graduate <?php echo$shortname ?> Account</td>
								            <td style="width:auto;">Overdraft interest above interest free entitlement (19.9%)<br>
								               Representative example (assumed overdraft $1,200): 1st year 0% EAR<sup>*&nbsp;</sup>variable on the first $1,500, 2nd year 0% EAR variable on the first $1,000 and 19.9% EAR on the rest.
								            </td>
								            <td style="width:auto;">$5 daily fee to a monthly maximum charge of $80</td>
								         </tr>
								      </tbody>
								   </table>
								</div>
								<p><sup>1</sup>These accounts are no longer on sale.</p>
								<p><sup>2</sup>In addition to any fees, you'll also continue to pay overdraft interest on any arranged balance if you have one. We won't charge overdraft interest on any unarranged balances.</p>

								<div id="pp_main_simpletable_2" class="table-wrapper" style="overflow-x: auto;">
								   <table style="min-width:100%; width:auto;">
								      <tbody>
								         <tr>
								            <th scope="col" style="width:auto; height: auto; left: auto; position: static;"><strong>Name of Account</strong></th>
								            <th scope="col" style="width:auto;"><strong>Cost of Arranged Overdraft</strong></th>
								            <th style="text-align: center; width:auto;" scope="col"><strong>Cost of Unarranged Overdraft (Monthly Maximum Charge)<sup><br>
								               </sup></strong><br>
								               <strong>(Monthly Maximum Charge)<sup>2</sup></strong><br>
								            </th>
								         </tr>
								         <tr>
								            <td style="width:auto; height: auto; left: auto; position: static;"><?php echo$shortname ?> <?php echo $shortname ?> <?php echo$shortname ?> Account</td>
								            <td style="width:auto;">Overdraft interest<sup>3</sup> (0% on first $500 overdrawn then 11.9%)<br>
								               Representative example (assumed overdraft $1,200): 0% EAR variable on the first $500 and 11.9% EAR on the rest.
								            </td>
								            <td style="width:auto;">Overdraft interest<sup>3</sup> (11.9% EAR variable) to a monthly maximum of $500 on the unarranged overdraft.</td>
								         </tr>
								         <tr>
								            <td style="width:auto; height: auto; left: auto; position: static;">Jade by <?php echo$shortname ?> <?php echo $shortname ?> <?php echo$shortname ?> Account</td>
								            <td style="width:auto;">0% on first $500 overdrawn then 9.9%. Overdraft interest<sup>3 </sup>is charged on arranged and unarranged overdraft balances.<br>
								               Representative example (assumed overdraft $1,200): 0% EAR variable on the first $500 and 9.9% EAR on the rest.
								            </td>
								            <td style="width:auto;">Overdraft interest<sup>3</sup> (9.9% EAR variable) to a monthly maximum of $2,000 on the unarranged ove</td>
								         </tr>
								      </tbody>
								   </table>
								</div>
							</div>
							<p>In order to reach the monthly maximum charge limit, based on current interest rates, you'd have to be over your arranged overdraft limit by more than $50,000 for <?php echo$shortname ?> <?php echo $shortname ?> and $230,000 for Jade by <?php echo$shortname ?> <?php echo $shortname ?> for a full charging month.</p>
							<p><sup>3</sup> We'll charge overdraft interest on any arranged and unarranged overdraft balances but no overdraft fees.<br>* EAR (Effective Annual Rate) takes account of the interest rate and how often interest is charged, and does not include any other fees or charges.</p>
							<p>There are various scenarios in which you may be charged a daily unarranged overdraft usage fee. To know more about the situations in which you may be charged, please see these <a href="#" target="_self">examples of charges</a></p>
							<p>For details of the charges that may be applicable, please click here to see the relevant Charges and <a href="#">Additional Product Terms</a> (PDF).</p>
							<h3>Account Management Service</h3>
							<p>Every month we will review your account to make sure your overdraft borrowing is suitable, based on your salary or other income. If we feel that your overdraft borrowing may be too much compared to your income, we will contact you to let you know an appropriate amount to pay in. We will also explain how we may be able to help, in the short and long term, if you are unable to pay in this amount.</p>
							<h3>How is <?php echo$shortname ?> Account Pay Monthly different?</h3>
							<p><?php echo$shortname ?> Account Pay Monthly was specially introduced to help customers keep a firmer grip on their account.</p>
							<p>You can request an arranged overdraft facility. You can request an arranged overdraft limit, but whether you have an arranged overdraft limit or not, we'll also provide you with an automatic $50 overdraft buffer on top as a safety net. We'll charge overdraft interest on any arranged overdraft balance, but we wont charge for use of the $50 buffer (effective from 1 August 2017).</p>
							<p>The key difference with <?php echo$shortname ?> Account Pay Monthly is that any payment requests that take you over your arranged limit and your $50 buffer will normally be refused. However when payments are returned your credit rating may be affected.</p>
							<p>To help you manage your finances, we send text alerts the morning after your balance reaches 60%, 80% or 95% of your overdraft limit. We will send an unpaid text alert when we have made a decision not to pay a Direct Debit, Standing Order, future dated Bill Payment or Cheque due to there being insufficient available balance on your account. You then have until 3.30pm, on the day it is due to be paid, to pay in cleared funds and we will then make the payment. We also offer the Pay Monthly Money Calendar, a quick, interactive tool to help you take an objective look at your spending. <?php echo$shortname ?> Account Pay Monthly is currently available for a fee of $10 a month.</p>
							<p>Representative Example: 19.9% EAR variable (assumed overdraft $1,200).</p>
						</div>
					</div>
				</div>

				<div id="Paris" class="tabcontent">
				  <div class="container">
						<div class="row">
							<div class="col-sm-12">
								<h3>Our overdraft charges</h3>
								<p>The list below gives some examples of our charges when you make payments from your account when you do not have sufficient cleared funds and the payment would take you over any arranged overdraft. We developed these examples with leading consumer groups to help you to think about how changing the way you use your account can affect the amount we may charge you.</p>
								<p>These examples are meant to show how different actions can result in different charges. They are only examples so you shouldn't see them as actions you might take and charges you might have to pay.</p>
								<p>Please note, we may not allow you to use your account in the ways shown below. It is more cost effective if you avoid going over your arranged limit and you should contact us if you need help to manage your account or are struggling with your finances.</p>
								<p>Choose an example below which shows how you might manage your account. If you have recent <?php echo$shortname ?> statements, use these to help you choose. Once you have worked out reasons why you might be charged, it could help you to avoid charges in future.</p>
								<p>These examples apply if you hold one of the following on sale accounts; <?php echo$shortname ?> Advance <?php echo$shortname ?> Account, <?php echo$shortname ?> Account and Graduate <?php echo$shortname ?> Account.</p>
								<p>These examples also apply to the following off sale accounts; <?php echo$shortname ?> Advance Graduate <?php echo$shortname ?> Account, Home Management Account and Current Account.</p>
								<h3>Reasons and charges that you might be charged</h3>
								<ul>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">We refuse a payment from your account because there is not enough money in your account and we are not able to agree a covering unarranged overdraft: <strong>$0</strong></span></li>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">A payment from your account takes you into an unarranged overdraft by less than $10. You are overdrawn or over your limit for one day during the month: <strong>$0</strong></span></li>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">A payment from your account takes you into an unarranged overdraft and you then make another payment from the account which we agree an unarranged overdraft to cover. You have an unarranged overdraft for two days in a row during the month: <strong>$10</strong></span></li>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">A payment from your account takes you into an unarranged overdraft, and you then make nine more payments from the account and we agree an unarranged overdraft to cover each of them. You have an unarranged overdraft for 10 days in a row during the month: <strong>$50</strong></span></li>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">A payment from your account takes you into an unarranged overdraft for one day. However, on three more occasions during the month, a payment takes you into an unarranged overdraft. On each of these occasions you have an unarranged overdraft for three days in a row. You are in unarranged overdraft for 10 days during the month however you are only charged for 9 days as 1 day is $10 or less: <strong>$45</strong></span></li>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">A payment from your account takes you into an unarranged overdraft. You have an unarranged overdraft for 21 days in a row during the month and you make 12 more payments from the account which we agree unarranged overdrafts to cover. We will never charge more than $80 per charging month in Daily unarranged Overdraft Usage Fees: <strong>$80</strong></span></li>
								</ul>
								<h3>Monthly Maximum Charge when using an unarranged overdraft</h3>
								<p>Monthly cap on unarranged overdraft charges (effective from 1 August 2017)</p>
								<p style="margin-bottom: 10px;">1. Each current account will set a monthly maximum charge for:</p>
								<ul>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">going overdrawn when you have not arranged an overdraft; or</span></li>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">going over/past your arranged overdraft limit (if you have one).</span></li>
								</ul>
								<p style="margin-bottom: 10px;">2. This cap covers any:</p>
								<ul>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">interest and fees for going over/past your arranged overdraft limit;</span></li>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">fees for each payment your <?php echo$shortname ?> allows despite lack of funds; and</span></li>
									<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">fees for each payment your <?php echo$shortname ?> refuses due to lack of funds.</span></li>
								</ul>
								<p>The introduction of the Monthly Maximum Charge will not affect any charging period that ended prior to 1st August 2017. Any notification of charges that are generated on or after 1st August 2017 will incorporate the new Monthly Maximum Charge cap.</p>
							</div>
						</div>
					</div> 
				</div>

				<div id="Tokyo" class="tabcontent">
				  <div class="container">
						<div class="row">
							<div class="col-sm-8">
								<ul>
									<li><i class="fa fa-check" aria-hidden="true"></i>5% AER/Gross with our <a href="https://www.bank.co.uk/1/2/savings-accounts/regular-savings-accounts" target="_self">Regular Saver</a><sup><a href="#terms">1</a></sup></li>
									<li><i class="fa fa-check" aria-hidden="true"></i>Preferential <a href="https://www.bank.co.uk/1/2/savings-accounts" target="_self">savings rates</a></li>
									<li><i class="fa fa-check" aria-hidden="true"></i>Budgeting and financial planning tools: a range of online tools are available to provide you with a helpful snapshot of your current circumstances</li>
								</ul>
							</div>
							<div class="col-sm-4">
								<img src="images\q3.jpg" alt="">
							</div>
						</div>
					</div> 
				</div>

				<div id="Tokyo1" class="tabcontent">
				  <div class="container">
						<div class="row">
							<div class="col-sm-8">
								<ul>
									<li><i class="fa fa-check" aria-hidden="true"></i>Worldwide ATM cash withdrawals without <?php echo$shortname ?> non-sterling cash fees<sup><a href="#terms">8</a></sup>&nbsp;(a non-sterling transaction fee of 2.75% still applies)</li>
									<li><i class="fa fa-check" aria-hidden="true"></i>You can get up to $10,000 emergency cash transfers to any <?php echo$shortname ?> branch worldwide, providing you have available funds in your account, even if you lose your card(s) or money while you're abroad</li>
									<li><i class="fa fa-check" aria-hidden="true"></i>Access and transfer between your eligible worldwide <?php echo$shortname ?> accounts using <a href="https://www.bank.co.uk/1/2/global-view-and-global-transfers" target="_self">Global View</a> with no payment fees<sup><a href="#terms">6</a></sup></li>
									<li><i class="fa fa-check" aria-hidden="true"></i>Half-price <a href="https://www.bank.co.uk/1/2/overseas-account-opening" target="_self">international account opening</a>&nbsp;and <?php echo$shortname ?> credit history transfer available in over 35 countries</li>
								</ul>
							</div>
							<div class="col-sm-4">
							<img src="images\q4.jpg" alt="">
							</div>
						</div>
					</div> 
				</div>
				<script>
					function openCity(evt, cityName) {
					    var i, tabcontent, tablinks;
					    tabcontent = document.getElementsByClassName("tabcontent");
					    for (i = 0; i < tabcontent.length; i++) {
					        tabcontent[i].style.display = "none";
					    }
					    tablinks = document.getElementsByClassName("tablinks");
					    for (i = 0; i < tablinks.length; i++) {
					        tablinks[i].className = tablinks[i].className.replace(" active", "");
					    }
					    document.getElementById(cityName).style.display = "block";
					    evt.currentTarget.className += " active";
					}

					// Get the element with id="defaultOpen" and click on it
					document.getElementById("defaultOpen").click();
				</script>

			</div>
		</div>

		<div class="card-single-wr">
			<h2>Apply for Overdraft</h2>
			<div class="inner-card-wr lowerwr">
				<a class="toggleclass" href="#" data-toggle="collapse" data-target="#demo">Are you eligible?</a>
				<div id="demo" class="collapse">
					<p>To apply for an arranged overdraft, please ensure you can answer YES to the following questions:</p>
					<ul>
						<li><i class="fa fa-check" aria-hidden="true"></i>Are you 18 years or over?</li>		
						<li><i class="fa fa-check" aria-hidden="true"></i>Do you have a relevant <?php echo$shortname ?> <?php echo$shortname ?> account?</li>	
						<p>Our Overdraft Service is available on <?php echo$shortname ?> <?php echo $shortname ?> <?php echo$shortname ?> Account, <?php echo$shortname ?> Advance <?php echo$shortname ?> Account, <?php echo$shortname ?> Account, <?php echo$shortname ?> Account Pay Monthly, Graduate <?php echo$shortname ?> Account and Student <?php echo$shortname ?> Account (over 18s only).</p>
						<p>Our Overdraft Service is not available on Basic <?php echo$shortname ?> Account.</p>
						<p>All requests for an <?php echo$shortname ?> overdraft are subject to your credit status and all overdrafts are repayable on demand. It will be more cost effective for you if you avoid going over your arranged limit. If you need help to manage your account or are struggling with your finances, please contact us.</p>
						<p>If you know what limit you need: you can apply for an arranged overdraft and get an instant decision now.</p>
						<p>If you're not sure how much you'll need: please call us on <?php echo $sitephone ?>  between 8am to 10pm or arrange a visit at your local branch so we can discuss it with you.</p>
					</ul>
				</div>
				<div class="row logonwr">
					<div class="col-sm-6 applynow">
						<h3>Apply online</h3>
						<p>Registered for online banking?</p>
						<p>If you have an eligible <?php echo$shortname ?> current account, you can apply for an overdraft online now.</p>
						<p>Simply log on, select an eligible <?php echo$shortname ?> current account, click 'Change overdraft limit' underneath your balances and follow the steps.</p>
						<a href="#" class="bussiness-btn-larg">Apply now</a>
					</div>
					<div class="col-sm-6 logon">
						<h3>Apply by phone</h3>
						<p>Call us on</p>
						<p><?php echo $sitephone ?> </p>
						<p>Lines are open from 8am to 10pm every day (except for Christmas Day, Boxing Day and New Year's Day).</p>
						<p><a href="#">Textphone contact numbers</a></p>
					</div>
				</div>

				<a class="toggleclass" href="#" data-toggle="collapse" data-target="#demo1">Apply in branch</a>
				<div id="demo1" class="collapse">
					<div class="row">
						<div class="col-sm-12">
							<p><?php echo$shortname ?> Current Account customers can book an appointment to apply in branch by calling <?php echo $sitephone ?> .<p>From outside the <?php echo$sitecountry ?> <?php echo$sitephone ?> . You’ll need to bring identification and proof of your address.</p>
							<a style="margin-bottom: 20px;" class="bussiness-btn-larg" href="#">Find a branch</a>
						</div>
					</div>
				</div>

				<div class="card-single-wr">
					<h2>Things you should know</h2>
					<p>Before applying, please take the time to read the following. You may also want to save some of these documents for future reference.</p>
					<p>For details of the charges and interest rates that may apply, please read the relevant Product Summary for the account on which you want an overdraft, in the Personal Banking Terms and Conditions and Charges.</p>
					<p>If you notice that you are relying on an overdraft for extended periods of time, consider asking us about alternative lending products that may better serve your needs.</p>
					<ul>
						<li>
							<a href="#">
								<i class="fa fa-download" aria-hidden="true"></i>Making Sense of Overdrafts (PDF)
							</a>
						</li>
						<li>
							<a href="#">
								<i class="fa fa-download" aria-hidden="true"></i>Privacy Notice PDF
							</a>
						</li>
						<li>
							<a href="#">
								<i class="fa fa-download" aria-hidden="true"></i>Personal Banking Terms and Conditions (PDF)
							</a>
						</li>
						<li>
							<a href="#">
								<i class="fa fa-download" aria-hidden="true"></i>Charges and Additional Product Terms (PDF)
							</a>
						</li>
						<li>
							<a href="#">
								<i class="fa fa-download" aria-hidden="true"></i>Banking made easy (PDF)
							</a>
						</li>
						<li>
							<a href="#">
								<i class="fa fa-download" aria-hidden="true"></i>US FSCS Information Sheet and Exclusions List (PDF)
							</a>
						</li>
						<li>
							<a href="#">
								<i style="margin-right: 10px;" class="fa fa-clone" aria-hidden="true"></i>Important notes
							</a>
						</li>
						<li>
							<a href="#">
								<i style="margin-right: 10px;" class="fa fa-clone" aria-hidden="true"></i>We adhere to The Standards of Lending Practice
							</a>
						</li>
						<li>
							<a href="#">
								Money Advice Service<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<!--content end-->
	<div class="col-sm-12 connectus">
		<div class="container">
			<div class="inner-connect">
				<h5> Connect with us </h5>
				<a href="#">Listening to what you have to say about our services matters to us.</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>

	<!-- 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>
    
    <!-- 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="ajax.googleapis.com\ajax\libs\jquery\3.3.1\jquery.min.js"></script>
<script src="js\jquery.bxslider.min.js"></script>

<script type="text/javascript">
	$(document).ready(function(){
		if( ($(window).width() > 769) ) {
			$('.bxsliderwr').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-->  
   

</body>

</html>     