<?php include 'topbar.php';?>
	
	<?php include 'navold.php';?>
	<!--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: #5c176b;
	    font-size: 30px;
	    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;
	}
	.cardWr .col-sm-8{
		padding: 30px;
	}
	.cardWr .col-sm-4{
		padding: 40px 30px 30px;
	}
	.cardWr .col-sm-4{
		background-color: #5c176b;
		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: #5c176b;
	    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: #5c176b;
	}
	.card-single-wr h2::before {
	    position: absolute;
	    left: -25px;
	    top: 0;
	    width:5px;
	    height: 32px;
	    background-color: #EF454D;
	    content: '';
	}
	.single-bolg.hover01 a:hover .blog-content{
		color: #EF454D;
		transition: all .5s ease 0s;
	}
	.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 #5c176b;
	    padding: 45px 0 22px;
	}
	.inner-card-wr p a{
		color: #5c176b;
		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: 22px;
	    line-height: 27px;
	    margin-bottom: 20px;
	}
	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: #5c176b;
	    font-size: 19px;
	}
	.inner-card-wr.lowerwr ul {
	    margin: 5px 0;
	}
	i.fa.fa-download {
	    margin-right: 10px;
	    color: #5c176b;
	}
	.inner-card-wr.lowerwr li {
	    font-weight: normal;
	}
	.inner-card-wr.lowerwr li a{
		color: #5c176b;
	}
	.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: #5c176b;
	}
	.business-wr{
		padding:0;
		margin-top: 40px;
	}
	.blog-content {
	    font-size: 22px;
	    margin-top: 15px;
	    text-align: center;
	}
	.single-bolg.hover01{
		margin-top: 0;
	}
	#demo1 .col-sm-6 h3{
		margin-top: 0;
	}
</style>
<div class="business-main-slider">
	<div class="owl-carousel main-slider">
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\explore.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3>Dual Credit Card</h3>
					<p>Discover cashback, discounts and interest-free flexibility</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;">
					<h2>Dual Credit Card</h2>
					<img src="images\visa.png" style="width:250px; height: 170px;">
				</div>
				<div class="col-sm-12">	
					<ul>
						<li><span class="firstspan"><i class="fa fa-check" aria-hidden="true"></i></span><span class="secondspan">Whether you’re transferring a balance or making a big purchase, an interest-free period can give you the flexibility you need. Plus, our Dual Credit Card offers cashback as well as rewards from your favourite shopping brands – all for no annual fee.</span></li>
					</ul>
					<strong><i class="fa fa-info-circle" aria-hidden="true"></i>Credit is subject to status, affordability and applicable terms and conditions.</strong>
				</div>
				<div class="readmoreWr col-sm-12">
					<a href="#" class="bussiness-btn-larg">How to apply</a>
				</div>
			</div>
			<div class="col-sm-4 rightwr">
				<p style="font-size: 28px;font-weight: bold;">Representative example</p>
				<div class="col-sm-12 variableper">
					<p>22.9% APR <span>(Variable) Representative APR</span></p>
				</div>
				<div class="col-sm-12 variableper">
					<p>22.9% p.a. <span>(Variable) purchase rate</span></p>
				</div>
				<div class="col-sm-12 creditlimit">
					<span>Based on an assumed credit limit of</span><p>$1,200</p>
				</div>
			</div>
		</div>

		<div class="card-single-wr">
			<h2>About this card</h2>
			<div class="inner-card-wr">
				<h3>Card details</h3>
				<ul>
					<li><i class="fa fa-check" aria-hidden="true"></i> 0% interest on balance transfers for 26 months* from account opening</li>
					<p>A 2.89% fee applies on balances transferred (minimum $5) within the first 60 days of account opening.*</p>
					<li><i class="fa fa-check" aria-hidden="true"></i> 0% interest on purchases* for 26 months from account opening</li>
					<li><i class="fa fa-check" aria-hidden="true"></i>No annual fee</li>
				</ul>
			</div>
			<div class="inner-card-wr">
				<h3>Rewards</h3>
				<ul>
					<li><i class="fa fa-check" aria-hidden="true"></i>Enjoy global discounts</li>
					<p>Earn cashback from your favourite shopping brands with Visa Offers, plus get instant discounts from well-known brands around the world with our <a href="#">home&Away</a> rewards programme. For all offers check out the home&away website.</p>
				</ul>
			</div>
			<div class="inner-card-wr">
				<h3>Using your card</h3>
				<ul>
					<li><i class="fa fa-check" aria-hidden="true"></i>Make contactless transactions</li>
					<p>Your card is <a href="#">contactless</a> contactless Contactless and you can add it to <a href="#">Apple Pay</a>, <a href="#">Google Pay</a> and <a href="#">Samsung Pay.</a></p>

					<li><i class="fa fa-check" aria-hidden="true"></i>Manage your card online</li>
					<p>Online banking is a convenient way to manage your card. It lets you check your credit card balance, make payments and stay in control.</p>

					<li><i class="fa fa-check" aria-hidden="true"></i>Get an additional card</li>
					<p>As long as they’re over 18, you can add your partner or a family member to your account.</p>

					<li><i class="fa fa-check" aria-hidden="true"></i>Bank anywhere with the <?php echo $sitename ?> Mobile Banking App</li>
					<p>Make payments to existing beneficiaries and manage your personal accounts easily and securely with the <?php echo $sitename ?> Mobile Banking App.</p>

					<li><i class="fa fa-check" aria-hidden="true"></i>Use your card abroad</li>
					<p>You can use your <?php echo $sitename ?> Credit Card at any retailer or cash machine that displays the logo on your card. Fees apply and non-<?php echo $sitename ?> cash machines may also charge a fee.</p>

					<li><i class="fa fa-check" aria-hidden="true"></i>Enjoy 24/7 worldwide assistance</li>
					<p>Day or night, help is always at hand if your card is lost or stolen. Wherever you are in the world, you can speak to our dedicated support team about getting an emergency cash advance.</p>
				</ul>
			</div>
		</div>

		<div class="card-single-wr">
			<h2>Apply for a Dual Credit Card</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 be eligible for an <?php echo $sitename ?> Credit Card you need to:</p>
					<ul>
						<li><i class="fa fa-check" aria-hidden="true"></i>Have an annual income/pension before tax of $8,500 or more</li>		
						<li><i class="fa fa-check" aria-hidden="true"></i>Be a resident of the UK*</li>
						<li><i class="fa fa-check" aria-hidden="true"></i>Be over 18, and not hold an <?php echo $sitename ?> Basic Bank Account</li>	
					</ul>
					<p>If you foresee any changes in circumstances that may affect your ability to repay the credit card you are applying for, for example a change in your income or outgoings, a change to your employment situation or you are a temporary or zero hours contract worker, please apply by telephone or branch</p>
					<p>Introductory rates only apply if you haven't held an <?php echo $sitename ?> credit card within the last six months. Balances can't be transferred from cards issued by other members of the <?php echo $sitename ?> Group including first direct, M&S Financial Services plc, John Lewis Financial Services Ltd.</p>
					<p>*Channel Islands and Isle of Man customers are not eligible to apply online. Please visit your local branch to apply.</p>
				</div>
				<ul>
					<li>
						<a href="#">
							<i class="fa fa-download" aria-hidden="true"></i>Summary box (PDF, 90KB)
						</a>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-download" aria-hidden="true"></i>Privacy Notice (PDF)
						</a>
					</li>
				</ul>
				<div class="row logonwr">
					<div class="col-sm-6 applynow">
						<h3>New to <?php echo $sitename ?></h3>
						<p>You just need to provide a few details as part of your application.</p>
						<a href="#" class="bussiness-btn-larg">Apply now</a>
					</div>
					<div class="col-sm-6 logon">
						<h3><?php echo $sitename ?> customers</h3>
						<p>If you're already registered for online banking, you can apply online now.</p>
						<a href="#" class="bussiness-btn-larg">Log on to apply</a>
					</div>
				</div>
				<a class="toggleclass" href="#" data-toggle="collapse" data-target="#demo1">Apply by phone or in branch</a>
				<div id="demo1" class="collapse">
					<div class="row">
						<div class="col-sm-6">
							<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 Christmas Day, Boxing Day and New Year's Day)</p>
						</div>
						<div class="col-sm-6">
							<h3>Apply in branch</h3>
							<p>Book your appointment to apply in branch by calling</p>
							<p><?php echo $sitephone ?></p>
							<p>You'll need to bring identification, proof of your address and a recent bank statement</p>
						</div>
						<div class="col-sm-12">
							<h3><a href="#">Textphone contact numbers</a></h3>
							<p>Please note - You can only apply by phone or branch if you are an existing <?php echo $sitename ?> customer.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="card-single-wr">
			<h2>You might also be interested in</h2>
			<div class="inner-card-wr">
				<div class="business-wr">
					<div class="container">
						<div class="row">
							<div class="col-md-4">
								<div class="single-bolg hover01">
									<a href="#">
										<figure><img src="images\img4.jpg" alt="slide 1" class=""></figure>
										<div class="blog-content">
											<?php echo $sitename ?> Balance Transfer Card<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
										</div>
									</a>
								</div>
							</div>
							<div class="col-md-4">
								<div class="single-bolg hover01">
									<a href="#">
										<figure><img src="images\student-visa.jpg" alt="slide 1" class=""></figure>
										<div class="blog-content">
											Student  Visa Credit Card<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
										</div>
									</a>
								</div>
							</div>
							<div class="col-md-4">
								<div class="single-bolg hover01">
									<a href="#">
										<figure><img src="images\img1.jpg" alt="slide 1" class=""></figure>
										<div class="blog-content">
											<?php echo $shortname ?> Credit Card<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
										</div>
									</a>
								</div>
							</div>							
						</div>
					</div>
				</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>       