<?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: 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: #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: '';
	}
	.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: 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: #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: 20px;
	    margin:10px 0;
	    text-align: left;
	    min-height: auto;
	}
	.single-bolg.hover01 img{
		width:80px;
	}
	.single-bolg.hover01{
		margin-top: 0;
	}
	#demo1 .col-sm-6 h3{
		margin-top: 0;
	}
	.anchorlink a{
		color: #fff;
		text-decoration: underline;
	}
	.banner-content{
		width:auto;
    	text-align: center;
    	padding: 30px 30px 30px 30px;
	}
	.linkwr li{
		display: block;
		line-height: 38px;
	}
	.lowerwr .col-sm-3 span{
		display: block;
		margin: 5px 0;
	}
	.lowerwr .col-sm-3 a{
		color: #5c176b;
	    font-size: 20px;
	    display: inline-block;
	    margin: 8px 0;
    }
</style>

<div class="business-main-slider">
	<div class="owl-carousel main-slider">
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\main-hero-image.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3>Life events</h3>
				</div>
			</div>		
        </div>
    </div>	
</div>
<div class="card-detail-wr">
	<div class="container">
		<div class="card-single-wr linkwr" style="border-top: none;">
			<ul>
				<li>
					1) <a href="#">Ways we can help<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
				</li>
				<li>
					2) <a href="#">Planning tools<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
				</li>
			</ul>
		</div>
	</div>
</div>
<div class="card-detail-wr">
	<div class="container">
		<div class="card-single-wr">
			<h2>What's happening in your life?</h2>
			<div class="tkl">
				<style>
					.tab {
					    overflow: hidden;
					    border: 1px solid #ccc;
					    background-color: #5c176b;
					}

					/* 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;
					    margin-bottom: 30px;
					}
					.tabcontent a{
						color: #5c176b;    
						margin: 15px 0 10px;
    					display: inline-block;
    					font-weight: bold;
					}
					.tabcontent .col-sm-3{
						margin: 10px 0;
					}
				</style>
				<div class="tab">
				  <button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">All</button>
				  <button class="tablinks" onclick="openCity(event, 'Paris')">Health & family</button>
				  <button class="tablinks" onclick="openCity(event, 'Paris1')">Home & lifestyle</button>
				  <button class="tablinks" onclick="openCity(event, 'Paris2')">Work & retirement</button>
				</div>
				<div id="London" class="tabcontent">
					<div class="container">
						<div class="row">
							<div class="col-sm-3">
								<img src="images\carousel_planning_childrens.jpg" alt="">
								<a href="#">Planning your children's future</a> 
								<p>Prepare your finances to give your newborn the best start in life</p>
							</div>	
							<div class="col-sm-3">
								<img src="images\carousel_bereavment_195x120.jpg" alt="">
								<a href="#">Dealing with bereavement</a> 
								<p>Get help sorting out the finances of the one you have just lost</p>
							</div>	
							<div class="col-sm-3">
								<img src="images\carousel_married_195x120(2).jpg" alt="">
								<a href="#">Getting married</a> 
								<p>Finance your dream wedding and manage your finances as a partnership</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_passing_on_wealth_195x120(2).jpg" alt="">
								<a href="#">Passing on your wealth</a> 
								<p>Plan how you’ll leave your estate to your loved ones</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_protecting_what_matters_195x120(2).jpg" alt="">
								<a href="#">Protecting what matters</a> 
								<p>Protect your income and safeguard your family and lifestyle</p>
							</div>
							<div class="col-sm-3">
								<img src="images\separation_195x120.jpg" alt="">
								<a href="#">Dealing with separation</a> 
								<p>At <?php echo $sitename ?>, we want to provide you with the help and support you need to manage your finances</p>
							</div>
							<div class="col-sm-3">
								<img src="images\attorney_195x120.jpg" alt="">
								<a href="#">Power of Attorney</a> 
								<p>Helping someone look after their finances</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_moving_abroad_195x120(2).jpg" alt="">
								<a href="#">Moving abroad</a> 
								<p>Smoothly transfer your existing <?php echo$sitecountry ?> banking relationship abroad</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_settling_in_the_uk_195x120(2).jpg" alt="">
								<a href="#">Settling in the <?php echo$sitecountry ?></a> 
								<p>Set up your finances so you can quickly settle into life in the <?php echo$sitecountry ?></p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_first_home_195x120(2).jpg" alt="">
								<a href="#">Buying your first home</a> 
								<p>See what costs you need to consider when buying your first home</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_starting_university_195x120(2).jpg" alt="">
								<a href="#">Going to University</a> 
								<p>Find out how the <?php echo $sitename ?> Student account can help you with your university life</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_planning_retirement_195x120(2).jpg" alt="">
								<a href="#">Planning your retirement</a> 
								<p>Work towards retirement with a plan that ensures you stay on track for your goals</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_being_tax_efficient_195x120.jpg" alt="">
								<a href="#">Becoming more tax-efficient</a> 
								<p>Make sure you're not paying more tax than you need to</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_owning_own_business_195x120(2).jpg" alt="">
								<a href="#">Owning your own business</a> 
								<p>Discover if your business could actively fund your retirement</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_growing_your_wealth_195x120(2).jpg" alt="">
								<a href="#">Growing your wealth</a> 
								<p>See how an organised approach to money may help grow your wealth</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_living_in_retirement_195x120(2).jpg" alt="">
								<a href="#">Enjoying your retirement</a> 
								<p>Make sure your money is working for you in retirement</p>
							</div>
						</div>
					</div>
				</div>

				<div id="Paris" class="tabcontent">
				  <div class="container">
						<div class="row">
							<div class="col-sm-3">
								<img src="images\carousel_planning_childrens.jpg" alt="">
								<a href="#">Planning your children's future</a> 
								<p>Prepare your finances to give your newborn the best start in life</p>
							</div>	
							<div class="col-sm-3">
								<img src="images\carousel_bereavment_195x120.jpg" alt="">
								<a href="#">Dealing with bereavement</a> 
								<p>Get help sorting out the finances of the one you have just lost</p>
							</div>	
							<div class="col-sm-3">
								<img src="images\carousel_married_195x120(2).jpg" alt="">
								<a href="#">Getting married</a> 
								<p>Finance your dream wedding and manage your finances as a partnership</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_passing_on_wealth_195x120(2).jpg" alt="">
								<a href="#">Passing on your wealth</a> 
								<p>Plan how you’ll leave your estate to your loved ones</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_protecting_what_matters_195x120(2).jpg" alt="">
								<a href="#">Protecting what matters</a> 
								<p>Protect your income and safeguard your family and lifestyle</p>
							</div>
							<div class="col-sm-3">
								<img src="images\separation_195x120.jpg" alt="">
								<a href="#">Dealing with separation</a> 
								<p>At <?php echo $sitename ?>, we want to provide you with the help and support you need to manage your finances</p>
							</div>
							<div class="col-sm-3">
								<img src="images\attorney_195x120.jpg" alt="">
								<a href="#">Power of Attorney</a> 
								<p>Helping someone look after their finances</p>
							</div>
						</div>
					</div> 
				</div>

				<div id="Paris2" class="tabcontent">
				  <div class="container">
						<div class="row">
							<div class="col-sm-3">
								<img src="images\carousel_planning_retirement_195x120(2).jpg" alt="">
								<a href="#">Planning your retirement</a> 
								<p>Work towards retirement with a plan that ensures you stay on track for your goals</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_being_tax_efficient_195x120.jpg" alt="">
								<a href="#">Becoming more tax-efficient</a> 
								<p>Make sure you're not paying more tax than you need to</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_owning_own_business_195x120(2).jpg" alt="">
								<a href="#">Owning your own business</a> 
								<p>Discover if your business could actively fund your retirement</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_growing_your_wealth_195x120(2).jpg" alt="">
								<a href="#">Growing your wealth</a> 
								<p>See how an organised approach to money may help grow your wealth</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_living_in_retirement_195x120(2).jpg" alt="">
								<a href="#">Enjoying your retirement</a> 
								<p>Make sure your money is working for you in retirement</p>
							</div>
						</div>
					</div> 
				</div>

				<div id="Paris1" class="tabcontent">
				  <div class="container">
						<div class="row">
							<div class="col-sm-3">
								<img src="images\carousel_moving_abroad_195x120(2).jpg" alt="">
								<a href="#">Moving abroad</a> 
								<p>Smoothly transfer your existing US banking relationship abroad</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_settling_in_the_uk_195x120(2).jpg" alt="">
								<a href="#">Settling in the <?php echo$sitecountry ?></a> 
								<p>Set up your finances so you can quickly settle into life in the <?php echo$sitecountry ?></p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_first_home_195x120(2).jpg" alt="">
								<a href="#">Buying your first home</a> 
								<p>See what costs you need to consider when buying your first home</p>
							</div>
							<div class="col-sm-3">
								<img src="images\carousel_starting_university_195x120(2).jpg" alt="">
								<a href="#">Going to University</a> 
								<p>Find out how the <?php echo $sitename ?> Student account can help you with your university life</p>
							</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>Helping you get started</h2>
			<div class="inner-card-wr lowerwr">
				<div class="row">
					<div class="col-sm-3">
						<img src="images\carousel_moving_abroad_195x120(2).jpg" alt="">
						<span>TOOL</span>
						<a href="#">Financial health check</a> 
						<p>Three quick steps to find out your financial health</p>
					</div>
					<div class="col-sm-3">
						<img src="images\carousel_settling_in_the_uk_195x120(2).jpg" alt="">
						<span>TOOL</span>
						<a href="#">My Plan</a> 
						<p>Save the content you like from our site – all in one place</p>
					</div>
					<div class="col-sm-3">
						<img src="images\carousel_first_home_195x120(2).jpg" alt="">
						<span>ARTICLE</span>
						<a href="#">Individual Review</a> 
						<p>Book your appointment for an Individual Review today</p>
					</div>
				</div>
			</div>
		</div>
		<div class="card-single-wr">
			<h2>Tools</h2>
			<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\thumb.png" alt="slide 1" class=""></figure>
									<div class="blog-content">
										Planning your children's future<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
									</div>
								</a>
								<p>Giving them a great start in life</p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="single-bolg hover01">
								<a href="#">
									<figure><img src="images\thumb1.png" alt="slide 1" class=""></figure>
									<div class="blog-content">Growing your wealth<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
									</div>
								</a>
								<p>Making the most of your money</p>
							</div>
						</div>								
					</div>
				</div>
			</div>
		</div>
		<div class="card-single-wr">
			<h2>Need financial advice?</h2>
			<div class="inner-card-wr lowerwr">
				<div class="row logonwr">
					<div class="col-sm-12 applynow">
						<p>We can help give you expert advice for your individual circumstances.</p>
						<a href="#" class="bussiness-btn-larg">See how we can help</a>
					</div>
				</div>
			</div>
		</div>
		<div class="card-single-wr" style="padding-bottom: 0;">
			<h2>Need to talk to us?</h2>
			<div class="inner-card-wr lowerwr">
				<div class="row logonwr">
					<div class="col-sm-12 applynow">
						<p>To discuss options or book an appointment:</p>
						<p><strong><?php echo$sitephone ?></strong></p>
						<p>Our opening hours are Monday to Friday 9am to 6pm (excluding public holidays). Calls may be monitored or recorded.</p>
					</div>
				</div>
			</div>
			<p>**Everyone's circumstances are different and what applies to one person may not be right for someone else. The suggestions above are based on a general assumption of each circumstance and they are not intended to provide advice or recommendation.</p>
		</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>     