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

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

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

.wrapper{

	margin: 0 auto;
}


.banner2{

	display: none;
}
/*


.banner{
	
	min-height: 30vh;
}
*/

.overlay{

	width: 13%!important;
	opacity: 0.1;
}

body p{
	
	font-family: "roboto"!important;
	font-size: 17px!important;
}

.carousel-item {

  height: 600px;
}

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



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

.about h2{
	
	font-family:"Helvetica";
	font-size: 40px;
	margin-top: 8px;
	font-weight: bold;
	float: right;
	margin-bottom: 40px;
	width: 60%;
	position: relative;
	left: 50px;
}

.about p{
	
	font-family: "Helvetica";
	font-size: 18px;
	margin-top: 0px;
	/*color: #656161;*/
	/*font-weight: 200;*/
	float: right;
	padding-left: 420px;
}

.about img{
	
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 55%;
}

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

.clients{
	
	background: #F0F0F0;
	border-radius: 17px;
	padding: 30px 0 50px 0!important;
	margin-top: 13px;
	text-align: center;
	width: 60%;
	margin-left: 400px;
}

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

.clienthead h4{
	
	text-align: center;
}

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

.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: 370px;
}
.vl1{
	
	border-left: 1px solid #fff;
	height: 130px;
	margin-top: 30px;
	float: left;
	position: relative;
	left: 371px;
}

.services{
	
	
}

h1.heading{
	
	font-size: 214px;
	text-align: center;
	color: #E3E3E3;
	font-family: "roboto";
	position: relative;
	top: 120px;
	z-index: -1;
}
.services img{
	
	/* position: relative;
	bottom: 94px;
	right: 15px; */
	padding-left: 30px;
}
.services hr{
	
	border-top: 3px dashed #656161;
	position: relative;
	top: -95px;
	z-index: -1;
}
.services p{
	
	font-size: 33px;
	color: #7D9B2B;
	text-align: center;
}

.vege{

	margin-left: 365px;
}

.vege1{

	margin-left: 225px;
}

.vege2{

	margin-left: 90px;
}

.vege3{

	margin-left: -70px;
}

p.vege{

	margin-left: 420px;
}
.vege1p{

	margin-left: 220px;
}

.vege2p{

	margin-right: 60px;
}
.scope{
	
	background: #D11B22;
	text-align: center;
	margin-top: 50px;
	padding: 0px 0px 30px 0px;
}
.scope h3{
	font-size: 43px;
	margin: 30px 0px 0px 0px;
	font-family: "roboto";
	color: #000000;
}
.scope .white{
	
	color:white;
}
.scope hr{
	background: white;
	border-top: 2px solid white;
	margin: 0;
	padding: 0;
}
.scopefont{
	
	color: white;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	
}
.scopefont2{
	
	font-size: 25px;
	color: white;
	padding: 0px;
	margin: 0px;
}


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

.scopecontent p{
	
	color: #fff;
	padding: 30px 25% 30px 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: "roboto"!important;
}

.security p{
	
	font-size: 27px;
	margin-bottom: 0px;
	font-weight: 300;
	font-family: "roboto";
}
.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;
}

.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;
	}
} */













@media only screen and (min-width: 300px) and (max-width: 480px)
{

	/* .row{

		padding-right: calc(var(--bs-gutter-x) * .5)!important;
	} */
	

	.carousel-control-prev{

		display: none;
	}

	.carousel-control-next{

		display: none;
	}
	.col-sm-6{

		width: 50%;
		text-align: center;
		align-items: center;
	}

	
	
	body p{
		font-size: 12px!important;
	}
	.carousel-item img{
		
		height: 420px!important;
	}

	.carousel-item{

		height: 420px!important;
		padding: 0px!important;
	}
	.banner{
		
		display: none;
		min-height: 20vh;
		width: auto;
	}

	.banner2{

		display: block;
	}
	

	.banner2 img{

		
	}
	
	.about{
		
		margin-top: -10%;
	}
  .about h2{
    
		font-size: 35px!important;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 30px;
		margin-top: 80px;
		position: relative;
		left: -60px;
  	}
	.about p{
    
		padding: 0px 0px;
		margin: 0 auto;
		text-align: center;
		font-size: 15px!important;
		font-weight: 400;
  	}
	#aboutimg{
		
		width: 100%;
		margin-bottom: 50px;
		padding: 0 30px;
	}

	.aboutlap{

		padding: 0px!important;
	}
	
	.clients{
		
		margin: 0px 0px!important;
		width: 100%;
		border-radius: 0px;
		text-align: center;
	}
	
	.clienthead h4{
		
		font-size: 30px;
		margin-bottom: 30px;
	}
	
	.clients h6{
		
		
		font-size: 15px;
		margin-bottom: 30px;
	}
	
	.clients img{
		
		width: 30%;
	}
	
	.clients .img2{
		
		width: 30%!important;
	}

	.clienthead{

		margin-top: 0px;
	}
	
	h1.heading{
		font-size: 60px;
		height: 0px;
		margin-bottom: 200px;
		margin-top: -70px;

	}
	.services{
		
		text-align: center;
		margin-top: 50px;
	}
	.services img{
		
		width: 50%;
		padding-left: 0px!important;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.services p{
		
		font-size: 15px!important;
	}
	
	.services hr{
		
		display: none;
	}
	
	.vege , .vege1, .vege2, .vege3, .vege1p, .vege2p, p.vege{

		margin-left: 0px;
	}

	.vege2p{

		margin-bottom: 0px!important;
		margin-right: 0px;
	}

	.scope{
		
		padding:0px 20px!important;
		margin-top: 70px!important;
	}
	.scopefont{
		
		padding: 0px;
		font-size: 10px;
	}
	
	.scopefont2{
		
		font-size: 16px;
	}
	
	.scope h3{
		
		margin: 70px 0px 0px 0px;
		font-size: 30px;
	}
	
	.scopecontent p{
		
		font-size: 15px!important;
		padding: 10% 0%;
		margin-left: 10px;
	}

	.scopetext{

		margin-bottom: 30px;
		margin-top: 30px!important;
	}

	.scopetext div{

		margin-bottom: 20px;
	}

	.scope .try{

	}

	.scope hr{

		
	}
	
	.scopej{
		
		color: #D11B22;
	}
	
	.highlights{

		padding-right: 0px!important;
		margin-left: 5px;
	}
	.highlights h2{
		
	font-size: 29px;
    margin-left: 0px;
	}
	
	.highlights img{
		
		width: 80%;
		
	}
	
	.highlights p{
		
		/*font-size: 45px!important;*/
		/*margin-bottom: 140px;*/
		/*padding: 0 50px;*/
	}
	
	.highdep{
		
		
	}
	.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;
		margin-left: 0px;
	}
	
	.security h2{
		
		/*font-size: 100px;*/
		padding: 0px;
		margin: 0px;
	}
	
	.seccon .imgp{
		
		padding-bottom: 50px!important;
		padding: 0px 20px!important;
		height: auto;
		text-align: center;
	}
	
	.security .imgp p{
		
		font-size: 14px!important;
		padding: 0px;
	}
	.security img{
		
		float: none;
		padding: 10px;
		width: 100px;
		margin-top: 30px;
	}
	
}

@media only screen and (min-width: 360px) and (max-width: 640px)
{

	/* .row{

		padding-right: calc(var(--bs-gutter-x) * .5)!important;
	} */
	

	.carousel-control-prev{

		display: none;
	}

	.carousel-control-next{

		display: none;
	}
	.col-sm-6{

		width: 50%;
	}

	
	
	body p{
		font-size: 20px!important;
	}
	.carousel-item img{
		
		height: 420px!important;
	}

	.carousel-item{

		height: 420px!important;
		padding: 0px!important;
	}
	.banner{
		
		display: none;
		min-height: 20vh;
		width: auto;
	}

	.banner2{

		display: block;
	}
	

	.banner2 img{

		
	}
	
	.about{
		
		margin-top: -10%;
	}
  .about h2{
    
		font-size: 35px!important;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 30px;
		margin-top: 80px;
		position: relative;
		left: -65px;
  	}
	.about p{
    
		padding: 0px 0px;
		margin: 0 auto;
		text-align: center;
		font-size: 15px!important;
		font-weight: 400;
  	}
	#aboutimg{
		
		width: 100%;
		margin-bottom: 50px;
		padding: 0 30px;
	}

	.aboutlap{

		padding: 0px!important;
	}
	
	.clients{
		
		margin: 0px 0px!important;
		width: 100%;
		border-radius: 0px;
		text-align: center;
	}
	
	.clienthead h4{
		
		font-size: 30px;
		margin-bottom: 30px;
	}
	
	.clients h6{
		
		
		font-size: 15px;
		margin-bottom: 30px;
	}
	
	.clients img{
		
		width: 30%;
	}
	
	.clients .img2{
		
		width: 30%!important;
	}

	.clienthead{

		margin-top: 0px;;
	}
	
	h1.heading{
		font-size: 60px;
		height: 0px;
		margin-bottom: 200px;

	}
	.services{
		
		text-align: center;
	}
	.services img{
		
		width: 100px;
	}
	
	.services p{
		
		font-size: 15px!important;
		margin-bottom: 100px;
		text-align: center;
	}
	
	.services hr{
		
		position: relative;
		top: -620px;
		width: 94%;
		display: none;
	}
	
	.vege , .vege1, .vege2, .vege3, .vege1p, .vege2p, p.vege{

		margin-left: 0px;
	}

	.scope{
		
		padding:0px 20px!important;
		margin-top: 70px!important;
	}
	.scopefont{
		
		padding: 0px;
		font-size: 10px;
	}
	
	.scopefont2{
		
		font-size: 16px;
	}
	
	.scope h3{
		
		margin: 70px 0px 0px 0px;
		font-size: 30px;
	}
	
	.scopecontent p{
		
		font-size: 15px!important;
		padding: 10% 0%;
		margin-left: 10px;
	}

	.scopetext{

		margin-bottom: 30px;
		margin-top: 30px!important;
	}

	.scopetext div{

		margin-bottom: 20px;
	}

	.scope .try{

	}

	.scope hr{

		
	}
	
	.scopej{
		
		color: #D11B22;
	}
	
	.highlights{

		padding-right: 0px!important;
		margin-left: 5px;
	}
	.highlights h2{
		
	font-size: 29px;
    margin-left: 0px;
	}
	
	.highlights img{
		
		width: 80%;
		
	}
	
	.highlights p{
		
		/*font-size: 45px!important;*/
		/*margin-bottom: 140px;*/
		/*padding: 0 50px;*/
	}
	
	.highdep{
		
		
	}
	.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;
		margin-left: 0px;
	}
	
	.security h2{
		
		/*font-size: 100px;*/
		padding: 0px;
		margin: 0px;
	}
	
	.seccon .imgp{
		
		padding-bottom: 50px!important;
		padding: 0px 20px!important;
		height: auto;
		text-align: center;
	}
	
	.security .imgp p{
		
		font-size: 14px!important;
		padding: 0px;
	}
	.security img{
		
		float: none;
		padding: 10px;
		width: 100px;
		margin-top: 30px;
	}
	
}






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




@media only screen and (min-width: 768px) and (max-width: 1024px) 
{

	.col-lg-7{

		width: 70%;
	}

	
	/* .aboutwidth{
		width: 100%!important;
	} */

	.about{

		margin-left: 10px;
	}
	.about p{
		
		font-size: 12px!important;
		padding: 0px 100px;
		margin-left: 40px;
	}
	
	.about h2{
		
		font-size: 26px;
		margin-top: 30px;
		color: #7d6869;
		position: relative;
		left: -54px;
		margin-bottom: 10px;
		
	}
	
	#aboutimg{
		
		width: 100%;
		margin-left: -75px!important;
		margin-top: 30px;
	}
	
	.clients{
		
		margin-bottom: 10%;
		margin-left: 110px;
		width: 80%;
		
	}

	.clienthead h4{

		margin-bottom: 50px;
	}
	
	.clients img{
		
		text-align: center;
	}
	
	.vl{
		
		margin-left: -38%;
	}
	.vl1{
		
		margin-left: -39%;
	}
	h1.heading{
		
		font-size: 130px;
		margin-top: -160px;
	}
	.services{

		margin-top: 40px;
	}
	.services img{
		
		width: 60%;
	}
	
	.services p{
		
		margin-left: 10px;
	}

	p.vege{

		margin-left: 165px!important;
	}
	
	p.vege1p{
		
		margin-left: 120px;
	}
	
	p.vege2p{
		
		margin-left: 85px!important;
	}
	
	
	
	.vege{
		
		margin-left: 130px!important;
	}
	.vege1{
		
		margin-left: 84px!important;
	}
	.vege2{
		
		margin-left: 40px!important;
	}
	.vege3{
		
		margin-left: -24px!important;
	}
	
	.scope{
		
		min-height: 50vh;
	}
	
	.scopefont{
		
		font-size: 9px;
		margin-top: 10px!important;
	}
	
	.scopefont2{
		
		font-size: 13px;
	}

	.scopecontent p{

		padding: 0px 30px;
		margin: 20px 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: 1030px) and (max-width: 1766px)
{
	

	.about{

		margin-left: 10px;
	}
	
	.about p {
		font-size: 17px!important;
		margin-top: 36px;
		padding: 0px 133px;
		float: left;
		margin-left: 106px;
		text-align: justify;
	}

	.about h2 {
		font-size: 31px!important;
		margin-bottom: -17px;
		margin-top: 30px;
		float: left;
		margin-left: 192px;
	}

	#aboutimg {
		width: 75%;
		margin-left: -89px!important;
		margin-top: 75px;
	}

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

		font-size: 170px;
	}

	.services{

		margin-bottom: -50px;
	}

	.services img{

		padding-left: 50%;
		width: 90%;
	}
	.vege{

		margin-left: 60px;
	}

	.vege1{

		margin-left: -10px;
	}

	.vege2{

		margin-left: -80px;
	}

	.vege3{

		margin-left: -140px!important;
	}

	p.vege{

		margin-left: 234px;
	}

	.vege1p{

		margin-left: 120px;
	}

	.vege2p{

		margin-left: 45px;
	}


	.clienthead{

		margin-bottom: 5%;
	}

	.clients{

		margin: 0 auto;
		width: 75%;
	}

	.clienthead h4{

		margin-bottom: 20px!important;
	}
	
	.scopefont{

		font-size: 16px;
	}
	.scopefont2{

		font-size: 24px;
	}

	.highlights p{

		font-size: 16px!important;
	}

	.seccon p{

		font-size: 19px!important;
	}

	.scopetext{

		width: 150%;
		margin-left: -170px;
	}
}