*{padding:0; margin:0; box-sizing:border-box;}

a, a:hover{
	text-decoration:none;
	/* Add */
	display: inline-block;
}

body{font-family: 'Arial', Helvetica, sans-serif; background:url('../images/bg.jpg') no-repeat; background-size:cover; position:relative;}

body:after{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}

.text-center{text-align:center;}
.img-fluid{max-width:100%; height:auto;}
p{font-size:22px; color:#fff; line-height:35px;}

.container{max-width:1500px; width:100%; margin:0 auto; padding:0 30px; position:relative; z-index:1;}



.header{
	padding:40px 0;
	/* height:38vh; */
	height:32vh;
}
.header .img-fluid{max-width:470px; width:100%;}

.body-contain{
	padding:30px 0;
	/* height:41vh; */
	/* height: 18vh; */
}

.spot-sec{
	padding: 30px 0;
}
.spot-sec .row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: normal;
	gap: 30px;
}

.spot-box1 {
	text-align: center;
	display: grid;
}

.spot-box1 h2 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 15px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
  }

.spot-box1 h2 a { 
	font-size: 22px;
	color: #fff;
	line-height: 35px;
	font-weight: normal;
	text-decoration: underline;
}

.footer{
	padding:10px 0 0;
	/* height:21vh; */
	/* height: 50vh; */
}
.footer .container{
	/* max-width:960px; */
}
.row{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.footer .img-fluid{height:56px;}
.footer .footer-rht-logo .img-fluid{height:82px;}
.footer-lft-logo{padding-top:2px;}

@media(max-width:1024.98px){

	.header{height:auto;}
	.body-contain{height:auto;}
	.footer{height:auto; padding-bottom:35px;}
	body{background-size:100% 100%; min-height: 100vh;}
	p br{display:none;}

}


@media(max-width:699.98px){
	.footer .row{flex-direction: column;
    align-items: center; padding-bottom:32px;}
    .footer-lft-logo{margin-bottom:35px;}
	.spot-sec .row {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		align-items: normal;
		gap: 30px;
	}
	.spot-box1 h2 a { 
		font-size:14px;
		font-weight: 600;
		line-height: 22px
	}
}
/* ======================
	// New Add
===================== */
.footer [class*="-logo"]{
	text-align: center;
	padding-top: 15px;
}
.footer [class*="-logo"] p{
	font-size: 16px;
	line-height: 1.5;
	padding-top: 1rem;
}
@media(min-width:1024.99px){
	body {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 100vh;
	}
	.footer {
		/* position: absolute;
		bottom: 10%;
		width: 100%; */
	}
	.footer .row{
		gap: 4%;
	}
	.footer [class*="-logo"]{
		max-width: 46%;
	}
	
}