@charset "UTF-8";
/* CSS Document */

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

.wrapper{

	margin: 0 auto;
}
.wrapper2{

	margin: 0 auto;
}


/*


.banner{
	
	min-height: 30vh;
}
*/
body p{
	
	font-family: "helvetica"!important;
	font-size: 17px!important;
}

.logoimg{

	width: 30%;
	margin: 20px 20px 20px 70px;
}

.investbtn{

	background: #D11B22;
	border: none;
	padding: 15px 40px;
	margin: 25px 80px 0px 0px ;
	float: right;
	color: #fff;
	border-radius: 30px;
}

.investbtn1{

	background: #D11B22;
	border: none;
	padding: 15px 40px;
	/*margin: 25px 80px 0px 0px ;*/
	/*float: right;*/
	color: #fff;
	border-radius: 30px;
}

.carousel-item {
  height: 600px;
}

.carousel-item img {
    position: absolute;
    top: 0%;
    left: 0;
    height: 600px;
}

.about{
	
	margin-top: 50px;
	color: #656161;
}

.about h2{
	
	font-family:"Helvetica";
	font-size: 30px;
	margin-top: 8px;
	font-weight: bold;
}

.about p{
	
	font-family: "Helvetica";
	font-size: 18px;
	margin-top: 0px;
	color: #000;
	font-weight: 200;
}

.about img{
	
	height: auto;
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
}

.about h4{
	
	text-align: center;
	margin-top: 50px;
}

.clients{
	
	background: #F0F0F0;
	border-radius: 17px;
	padding: 30px 0 20px 0;
	margin-top: 13px;
	text-align: center;
}

.clienthead {
	
	margin: 80px 0px 0px 0px;
}

.clienthead h4{
	
	text-align: center;
}

.clients img{
	
	
	width: 100px;
	align-content: center;
	padding: 20px 0px 10px 0px;
}

.hidden1 {
  display: none;
}
	
.clients .img2{
	
	width: 100px!important;
}

.clients h6{
	
	color: #656161;
	text-align: center;
}

.vl{
	
	border-left: 1px solid #BCBCBC;
	height: 130px;
	float: left;
	margin-top: 30px;
	position: relative;
	left: 330px;
}
.vl1{
	
	border-left: 1px solid #fff;
	height: 130px;
	margin-top: 30px;
	float: left;
	position: relative;
	left: 331px;
}

.services{
	
	margin-top: 0px;
}
.services h1.heading{
	
	font-size: 214px;
	text-align: center;
	color: #E3E3E3;
	font-family: "Helvetica Neue";
}
.services img{
	
	position: relative;
	bottom: 94px;
	padding-left: 30px;
}
.services hr{
	
	border-top: 3px dashed #656161;
	position: relative;
	top: -185px;
	z-index: -1;
}
.services p{
	
	font-size: 33px;
	color: #7D9B2B;
	position: relative;
	top: -84px;
	left: -20px;
	text-align: center;
}
.scope{
	
	background: #D11B22;
	text-align: center;
	margin-top: 50px;
}
.scope h3{
	font-size: 43px;
	margin: 30px 0px 0px 0px;
	font-family: "Helvetica";
	color: #000000;
}
.scope .white{
	
	color:white;
}
.scope hr{
	background: white;
	border-top: 2px solid white;
	margin: 0;
	padding: 0;
}
.scopefont{
	
	color: white;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	
}
.scopefont2{
	
	font-size: 23px;
	color: white;
	padding: 0px;
}


.scopetext{
	
	margin: 20px 0px 0px 0px;
}

.scopecontent p{
	
	
	padding: 10px 25% 0px 25%;
}
.floatleft{
	
	float: left;
}
.highlights{
	
	text-align: center;
	color: #8E8E8E;
	
}
.highlights h2{
	
	margin-bottom: 50px;
	margin-left: 30px;
	font-size: 35px;
	text-align: center;
	color: #5F5F5F;
	font-weight: bold;
}
.highlights p{
	
	display: block;
	margin: auto;
	margin-bottom: 32px;
	margin-top: 10px;
	font-size: 16px!important;
	font-weight: 400;
	
}
.highlights img{

	width: 95%;	
}
.highdep{
	margin-top: 90px;
}
/*.debenture{
	
}
.debenture h2{
	margin-bottom: 50px;
	text-align: center;
	color: #5F5F5F;
}
.box{
	width: 635px;
	height: 1028px;
	background: #696969;
}
.box p{
	
	font-size: 16px;
	line-height: 35px;
}
.tenure{
	
	display: block;
	margin: auto;
	border-radius: 0 0 44px 44px;
	text-align: center;
	background: #E21417;
	width: 300px;
	height: 82px;
	color: white;
	font-size: 25px!important;
	padding-top: 15px;
}
.boxtext1{
	
	margin-left: 50px;
	margin-top: 50px;
}
.boxtext1 p,.boxtext2 p{
	margin-bottom: 0px;
	font-size: 16px;
	color: white;
}
.boxtext2{
	
	margin-top: 50px;
}
.bar2 h3{
	
	position: relative;
	font-size: 20px;
	left: -8px;
	top: 210px;
	z-index: 2;
}
.bar1{
	
	margin-left: 50px;
	margin-top: 50px;
	width: 50px;
	height: 264px;
	color: white;
	background: white;
	z-index: 0;
	border-radius: 10px 10px 0 0;
}
.bar2{
	
	margin-top: 50px;
	margin-left: -50px;
	width: 50px;
	height: 54px;
	color: #72292A;
	background: #72292a;
	z-index: 1;
}*/

.debenture h2{
	
	text-align: center;
	color: #5F5F5F;
	font-weight: bold;
	position: relative;
	font-size: 35px;
	left: 60px;
}
.debenture img{
	position: relative;
	top: 40px;
	left: 40px;
	width: 500px;
}
.security{
	
	background: #F7F7F7;
	margin-top: 50px;
	margin-bottom: 50px;
}
.security h2{
	
	color: #6F6F6F;
	margin-top: 30px;
	font-size: 42px;
	font-weight: bold;
	margin-left: 80px;
	margin-top: 70px;
	margin-bottom: 47px;
	font-family: "helvetica Neue"!important;
}

.security p{
	
	font-size: 27px;
	margin-bottom: 0px;
	font-weight: 300;
	font-family: "Helvetica Neue";
}
.secimages{
	
	text-align: center;
	
}

.secimages img{
	
	width: 80px;
}
.seccon{
	
	margin: 0px;
	padding: 0px;
}

.imgp{
	
	height: 150px;
	padding: 0px 100px;
}

.imgp p{
	
	padding: 30px 0px 0px 50px;
} 

.imgp img{
	
	padding: 0px 70px 0px 0px;
}

.seccon img{
	
	float: left;
}

.seccon p{
	margin-bottom: 10px;
	padding-right: 10px;
}
.account{
	
	background: #A2A2A2;
}
.account p{
	text-align: center;
	color: white;
	font-size: 22px;
}
.account button{
	
	background: #E61E25;
	color: white;
	border: 0px;
	width: 217px;
	height: 53px;
	border-radius: 30px;
	text-align: center;
	display: block;
	margin: auto;
}
.footer{
	
	background: #E61E25;
	color: white;
}
.footcontainer{
	
	width: 1120px;
	margin: 0 auto;
}
.footer h3{
	
	color: #E2E2E2!important;
	font-size: 22px;
	margin-bottom: 30px;
}
.footer ul{
	
	
}
.footer ul li{
	
	list-style: none;
	
}
.footer ul li a{
	font-size: 16px!important;
	
}
.address{
	position: relative;
	left: -40px;
}

.support{
	 
}


#overlay1{
	
	position: relative;
	top: 130%;
	opacity: 0.1;
}

#overlay2{
	
	position: relative;
	left: 80%;
	opacity: 0.1;
}

#overlay3{
	
	position: relative;
	left: 80%;
	top: 80%;
	opacity: 0.1;
}

#overlay4{
	
	position: relative;
	top: 130%;
	opacity: 0.1;
}




/* @media only screen and (min-width: 300px){
	
	.scopej{
		
		display: none;
	}
} */




.btn2{
        font-size:30px;
    }








@media only screen and (min-width: 300px) and (max-width: 991px) 
{
    
    .btn2{
        font-size:60px;
    }
	
	body p{
		font-size: 20px!important;
	}
	.carousel-item img{
		
		height: 400px;
	}

	.carousel-item{

		height: 400px;
		margin-bottom: 50px;
	}
	.logoimg{

		width: 70%;
		margin-left: 50px;
	}

	.investbtn{

	margin: 33px -15px 0px 0px;
    font-size: 46px;

	}
	
		.investbtn1{

	/*margin: 33px -15px 0px 0px;*/
    font-size: 46px;

	}

.hidden {
  display: none;
}
.hidden1 {
  display: block;
}
	
	.banner{
		
		min-height: 20vh;
	}
	
	.about{
		margin-top: -10%;
	}
  .about h2{
    
		font-size: 60px!important;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 30px;
		margin-top: 70px;
  	}
	.about p{
    
	    padding: 70px 90px;
    margin: 0 auto;
    text-align: center;
    font-size: 41px!important;
    color:#000;
  	}
	#aboutimg{
		
		width: 100%;
		margin-bottom: 100px;
		padding: 0 40px;
	}
	
	.clients{
		
		position: relative;
		/*left: 50px;*/
		/*width: 900px;*/
		/*padding: 30px 0px;*/
	}
	
	.clienthead h4{
		
		font-size: 60px;
		margin-bottom: 100px;
	}
	
	.clients h6{
		
		margin-left: 30px;
		font-size: 30px;
		margin-bottom: 30px;
	}
	
	.clients img{
		
		width: 30%;
	}
	
	.clients .img2{
		
		width: 30%!important;
	}

	.clienthead{

		margin-top: 0px;;
	}
	
	.services h1.heading{
		font-size: 120px;
		height: 0px;
		padding-bottom: 300px;
		margin-top: 100px;
	}
	.services{
		
		text-align: center;
		margin: 0;
	}
	.services img{
		
		
	}
	
	.services p{
		
		/*position: relative;
		top: 150px;
		left: 60px;*/
		font-size: 40px!important;
		margin-bottom: 100px;
		margin-left: 50px;
	}
	
	.services hr{
		
		position: relative;
		top: -620px;
		width: 94%;
		display: none;
	}
	
	.scope{
		
		/*height: 20vh;
		margin-top: 100px;*/
		padding: 0px 0px -10px 0px;
	}
	.scopefont{
		
		position: relative;
		top: 10px;
		font-size: 40px;
	}
	
	.scopefont2{
		
		font-size: 50px;
	}
	
	.scope h3{
		
		margin: 70px 0px 0px 0px;
	}
	
	.scopecontent p{
		
		font-size: 35px!important;
    padding: 10% 10%;
    letter-spacing: 2px;
	}
	
	.scopej{
		
		color: #D11B22;
	}
	
	.highlights{

		padding-right: 100px!important;
	}
	.highlights h2{
		
	font-size: 60px;
    margin-left: 0px;
	}
	
	.highlights img{
		
		width: 80%;
		
	}
	
	.highlights p{
		
	    font-size: 50px!important;
    margin-bottom: 102px;
    padding: 25px 40px;
	}
	
	.highdep{
		
		position: relative;
		left: 70px;
	}
	.debenture{
		
		position: relative;
		top: 30px;
		margin-bottom: 50px;
	}
	
	.debenture h2{
		
		font-size: 40px;
		margin-top: 50px;
		margin-left: -50px;
	}
	
	.debenture img{
		
		position: relative;
		left: 240px;
	}
	
	.vl, .vl1{
		
		display: none;
	}
	.vege{
		
	}
	
	.security {
		
		text-align: center;
	}
	
	.security h2{
		
		font-size: 100px;
		padding: 0px;
		margin: 30px;
	}
	
	.seccon .imgp{
		
		padding-bottom: 100px!important;
		height: auto;
		text-align: center;
	}
	
	.security .imgp p{
		
		font-size: 45px!important;
	}
	.security img{
		
		float: none;
		padding: 10px;
		width: 200px;
		margin-top: 70px;
	}
	
}

/* @media only screen and (min-width: 1000px){
	
} */

@media only screen and (min-width: 992px) and (max-width: 1200px)
{

	.col-lg-7{

		width: 70%;
	}

	.logoimg{

		width: 50%;
		margin-left: -60px;
	}

	.investbtn{

		padding: 10px 25px;
		margin-right: -40px;
	}

	.carousel-item{

		height: 400px;
	}
	.carousel-item img{

		height: 400px;
	}
	
	.hidden1 {
  display: none;
}

	
	/* .aboutwidth{
		width: 100%!important;
	} */
	.about p{
		
		font-size: 13px!important;
		margin-left: -30px;
		padding: 0px;
	}
	
	.about h2{
		
		font-size: 40px;
		margin-left: -10%;
	}
	
	#aboutimg{
		
		width: 100%;
		float: right!important;
	}
	
	.clients{
		
		margin-bottom: 10%;
		
	}

	.clienthead h4{

		margin-bottom: 50px;
	}
	
	.clients img{
		
		text-align: center;
	}
	
	.vl{
		
		margin-left: -38%;
	}
	.vl1{
		
		margin-left: -39%;
	}
	.services h1.heading{
		
		font-size: 130px;
		margin-bottom: 30px;
	}
	.services img{
		
		width: 100%;
	}
	
	.services p{
		
		margin-left: 10px;
	}
	
	p.vege1p{
		
		margin-left: 52px!important;
	}
	
	p.vege2p{
		
		margin-left: 110px!important;
	}
	
	
	
	.vege{
		
		margin-left: -100px!important;
	}
	.vege1{
		
		margin-left: -16px!important;
	}
	.vege2{
		
		margin-left: 70px!important;
	}
	.vege3{
		
		margin-left: 106px!important;
	}
	
	.scope{
		
		min-height: 50vh;
	}
	
	.scopefont{
		
		font-size: 9px;
		
	}

	.scopetext{

		margin-top: 20px;
	}
	
	.scopefont2{
		
		font-size: 12px;
	}

	.scopecontent p{

		padding: 0px 30px;
		margin: 40px 0px 0px 0px;
	}
	
	.highlights{
		
	}

	.highlights img{

		width: 100%;
	}

	.highlights p{

		font-size: 8px!important;
	}

	
	.scopej{
		
		display: block;
		height: 100px;
	}

	.seccon p{

		padding: 10px 0px 0px 140px;
	}

	.seccon img{

		width: 30%;
	}

	.seccon .imgp{

		margin-bottom: 50px;
	}

	.security h2{

		margin-bottom: 50px;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1500px) {
	

	.about p{

		font-size: 16px!important;
		margin-top: 20px;
	}

	.about h2{

		font-size: 40px!important;
	}

	#aboutimg{

		width: 100%;
	}
	.services h1.heading{

		font-size: 170px;
	}

	.services{

		margin-bottom: -50px;
	}

	.clienthead{

		margin-bottom: 5%;
	}
}








 
