body {
	font-family:'Roboto', sans-serif; ;
}

.firstpage
{
	background-color: #3144EE;
}


.card.Prepro{
	margin:-left:30px !important; 
	box-shadow: 0px 16.1096px 16.934px rgba(0, 0, 0, 0.01), 0px 40.7425px 42.8274px rgba(0, 0, 0, 0.015), 0px 83.1109px 87.3639px rgba(0, 0, 0, 0.02), 0px 171.193px 179.953px rgba(0, 0, 0, 0.025), 0px 469px 250px rgba(0, 0, 0, 0.03);
	border-radius: 10px;
	height: 159px;
	width: 100% !important;
	border:none;

}

.card.NewPrepro{
	margin:-left:30px !important; 
	box-shadow: 0px 16.1096px 16.934px rgba(0, 0, 0, 0.01), 0px 40.7425px 42.8274px rgba(0, 0, 0, 0.015), 0px 83.1109px 87.3639px rgba(0, 0, 0, 0.02), 0px 171.193px 179.953px rgba(0, 0, 0, 0.025), 0px 469px 250px rgba(0, 0, 0, 0.03);
	border-radius: 10px;
	height: 99px;
	width: 100% !important;
	border:none;
}

.card.bg-light
{
	background: #FAFAFA;
	border: 1px #E8E8E8 solid ;
	height: 110px;
	width:427px;

	border-radius: 20px;
}

.card.bg-light.active
{
	background: white !important;
	border: 2px solid #3144EE;
	height: 110px;
	width: 427px;

	box-shadow: 0px 16.1096px 16.934px rgba(0, 0, 0, 0.02), 0px 40.7425px 42.8274px rgba(0, 0, 0, 0.00887419), 0px 83.1109px 87.3639px rgba(0, 0, 0, 0.0111258), 0px 171.193px 179.953px rgba(0, 0, 0, 0.0137996), 0px 469px 250px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
}

.card.bg-light:hover
{
	background-color: 
#F5F5F5 !important;
	
}


.card.bg-light.active:hover
{

	background: white !important;
	opacity: 1;
	}

.card.bg-lightsmall
{
	background: #FAFAFA !important;
	border: 1px #E8E8E8 solid ;
	height: 110px;
	width:100%;

	box-shadow: 0px 16.1096px 16.934px rgba(0, 0, 0, 0.02), 0px 40.7425px 42.8274px rgba(0, 0, 0, 0.00887419), 0px 83.1109px 87.3639px rgba(0, 0, 0, 0.0111258), 0px 171.193px 179.953px rgba(0, 0, 0, 0.0137996), 0px 469px 250px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
}

.card.bg-lightsmall.active
{
	background: white !important;
	border: 2px solid #3144EE;
	height: 110px;
	width: 100%;

	box-shadow: 0px 16.1096px 16.934px rgba(0, 0, 0, 0.02), 0px 40.7425px 42.8274px rgba(0, 0, 0, 0.00887419), 0px 83.1109px 87.3639px rgba(0, 0, 0, 0.0111258), 0px 171.193px 179.953px rgba(0, 0, 0, 0.0137996), 0px 469px 250px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
}

.card.bg-lightsmall:hover
{
	background-color: 
#F5F5F5
 !important;
	
}

.card.bg-lightsmall.active:hover
{

	background: white !important;
	opacity: 1;
	}



.top-left {
	position: absolute;

	left:2%;
	top: 18% !important;
	color:white;
	
	font-style: normal;
	font-weight: bold;
	font-size: 4.39vw;
	line-height: 4.39vw;
	margin-right: : 10px !important;

}

.top-left-small {
	position: absolute;
	left: 2%;
	top: 56%;
	color: white;
	
	font-style: normal;
	font-weight: normal;
	font-size: 1.31vw;
	line-height: 1.83vw;
margin-right:10px !important;
}


.nav-link{
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	/* identical to box height */


	color: #3144EE;
	margin-right: 103px;
}

.new-color{
	background: linear-gradient(to top, white 50%, #3144EE 50%);

}
.new-color2{



	height: 418px;
}

.new-color5{



	height: 360px;
}
.new-color3{
	margin-bottom: 30px;

	margin-left: 8.68% !important;margin-right: 8.68% !important;
}

.new-color4{
	height: 456px !important;
	
	margin-left: 27px !important;margin-right: 27px !important;
}


.card-text{
	font-family: Roboto;

	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	/* or 139% */
	text-align: left;

	color: #19191A;

	margin: 40px;
}
.lastfooter{
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	/* identical to box height, or 133% */

	margin-bottom: 65px;
	padding-left: 465px;
	padding-right: 465px;
	color: #19191A;


}
.SectionHead{

	font-style: normal;
	font-weight: bolder !important;
	font-size: 30px;
	line-height: 35px;
	/* or 117% */

	color: #3144EE;
}
.Sectionsubtitle{

	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	/* identical to box height, or 133% */

	padding-top: 23px;
	color: #19191A;
}
}


.SectionHeadTop{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold !important;
	font-size: 30px !important;
	line-height: 35px !important;
	/* or 117% */


	color: white;
}

.FooterText{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 60px;
	line-height: 60px;
	/* or 100% */


	color: #FFFFFF
	margin-left:83px;
	margin-top: 41px;
}

.TopSecHead{
	font-weight: bold !important;
	font-size: 30px !important;
	line-height: 35px !important;
	/* or 117% */


	color: white;
}
.img-brand{
	padding-left: 85px;
}

@media only screen and (max-width: 600px) {

		.LeadText{
					font-style: normal;
font-weight: bold !important;
font-size: 20px !important;
line-height: 22px !important;
/* or 110% */


color: #000000;
					

				}

	.img-brand{
		padding-left: 0px;}
		
		.top-leftsmall {
						
			
			
			font-family: Roboto;
			font-style: normal;
			font-weight: bold;
			font-size: 40px;
			line-height: 42px;
			/* or 105% */

			text-align: center;

			color: #FFFFFF;

		}
		.top-left-smallscreen {
			

			font-family: Roboto;
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			line-height: 23px;
			/* or 128% */

			text-align: center;

			color: #F7F7F7;


		}
		.valuemargin{
			padding-top:25px !important;padding:27px !important;
		}


		.card.NewPrepro{

			box-shadow: 0px 16.1096px 16.934px rgba(0, 0, 0, 0.01), 0px 40.7425px 42.8274px rgba(0, 0, 0, 0.015), 0px 83.1109px 87.3639px rgba(0, 0, 0, 0.02), 0px 171.193px 179.953px rgba(0, 0, 0, 0.025), 0px 469px 250px rgba(0, 0, 0, 0.03);
			border-radius: 10px;
			height: 99px;
			width: 100% !important;
			border:none;
		}


		.card.bg-light
		{
			background: #FCFDFF;
			border: 1px #E8E8E8 solid ;
			height: 100px;
			width:100%;

			box-shadow: 0px 16.1096px 16.934px rgba(0, 0, 0, 0.02), 0px 40.7425px 42.8274px rgba(0, 0, 0, 0.00887419), 0px 83.1109px 87.3639px rgba(0, 0, 0, 0.0111258), 0px 171.193px 179.953px rgba(0, 0, 0, 0.0137996), 0px 469px 250px rgba(0, 0, 0, 0.05);
			border-radius: 20px;
		}

		.card.bg-light.active
		{
			background: #FCFDFF;
			border: 2px solid #3144EE;
			height: 100px;
			width: 100%;

			box-shadow: 0px 16.1096px 16.934px rgba(0, 0, 0, 0.02), 0px 40.7425px 42.8274px rgba(0, 0, 0, 0.00887419), 0px 83.1109px 87.3639px rgba(0, 0, 0, 0.0111258), 0px 171.193px 179.953px rgba(0, 0, 0, 0.0137996), 0px 469px 250px rgba(0, 0, 0, 0.05);
			border-radius: 20px;

		}Proposition

		.container-fluid.Proposition{
			padding-bottom: 0px !important;padding-top:8px !important;padding: 27px !important;
		}




		.Value {


			margin-left:44px !important;
			margin-top: 32px !important;

		}

		.footmobile{
			font-weight: normal;
			font-size: 10px !important;
			line-height: 25px;
			/* identical to box height, or 139% */
			
			width: 100 % !important;
			margin-top: 16px !important;
			margin-bottom: 42px !important;
			color: #19191A;



		}
		.HeaderContainer{
			background-color:#3144EE;padding-left:27px !important;padding-right:27px !important;padding-bottom:25px !important;padding-top:10px !important;}


			.valuetext{ padding-left:50px !important;margin-top:35px !important;margin-left:50px !important;padding-right: 10px !important;}

		}


		.Value {

			height:3.6603vw !important;
			width:3.6603vw !important;
			margin-left:3.221vw ;
			margin-top: 3.8067vw ;
			margin-bottom:3.6603vw;
		}

		.Valuesmall {


			margin-left:44px ;
			margin-top: 32px ;

		}

		.ValueTextNew{

			font-style: normal;
			font-weight: normal;
			font-size: 4.2vw !important;
			line-height: 10px !important;
			/* or 139% */


			color: #19191A;
		}

		.valuemargin{
			padding: 125px !important;
		}

		.container-fluid.Proposition{
			padding-bottom: 0px !important;padding-top:8px !important;padding: 125px;
		}

		.container-fluid.PropositionHead{padding-right: 125px; padding-left:125px}


		.foot{
			font-weight: normal;
			font-size: 18px;
			line-height: 25px;
			/* identical to box height, or 139% */

			

			margin-top: 64px;
			margin-bottom: 64px;
			color: #19191A;
			vertical-align: center;


		}



		.HeaderContainer{
			background-color:#3144EE;padding-left:75px;padding-right:75px;padding-bottom:25px;padding-top:25px;}


			.valuetext{margin-top: 52px; margin-left:15px;}



			.valuetext1{

				position: absolute;
				width: 205px;
				height: 61px;
				left: 142px;
				top: 762px;

				font-family: Roboto;
				font-style: normal;
				font-weight: normal;
				font-size: 18px;
				line-height: 25px;
				/* or 139% */


				color: #19191A
			}


			.card.Preprosmall{


				box-shadow: 0px 16.1096px 16.934px rgba(0, 0, 0, 0.01), 0px 40.7425px 42.8274px rgba(0, 0, 0, 0.015), 0px 83.1109px 87.3639px rgba(0, 0, 0, 0.02), 0px 171.193px 179.953px rgba(0, 0, 0, 0.025), 0px 469px 250px rgba(0, 0, 0, 0.03);
				border-radius: 10px;
				height: 113px !important;
				width: 100% !important;
			border:none;}
				.new-colornew{
					background: linear-gradient(to top, white 72%, #3144EE 28%) !important;

				}


				.ImageSizeMobile{
					text-align:center; margin-left:42px;margin-top: 32px; margin-bottom:32px; height: 40 !important;width:40px !important;
				}

				.IMagesSizeMobileText {
					margin-top: -65px;
					padding-left: 124px;
					font-size: 4.2vw;
				}

				.PropositionHeadSmall{
					

					padding-top: 100px; 
				}


				.LeadText{
					font-weight: bold;
					font-size: 20px;
					line-height: 25px;
					/* identical to box height, or 104% */


					color: #000000;font-weight: bold;
					

				}

.col-md-4.slider{
    max-width:33.601 !important;
    height:300px;
    
    
}


				.col-xs-12.slider{
					display: inline-block;
					margin-left:-4px;
				}

				body .carousel-indicators li{
					background-color:red;
				}
				body .carousel-control-prev-icon,
				body .carousel-control-next-icon{
					background-color:red;
				}
				body .no-padding{
					padding-left: 0;
					padding-right: 0;
				}


				.custmoerslide{

					width: 100%x;
					height: 259px;


					background: #FFFFFF;
					border: 1px solid #ECECEC;
					box-sizing: border-box;
					box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.015), 0px 15px 20px rgba(0, 0, 0, 0.03), 0px 10px 10px rgba(0, 0, 0, 0.04);
					border-radius: 6px;

				}
				.CustText{
					font-size: 13px;
					line-height: 20px;
					/* or 133% */

text-align: justify;
					color: #19191A;
					font-style: italic;
					font-weight: normal;}
					.CustTextnew{
					
						font-size: 1.098vw;
					line-height: 1.464vwpx;
					/* or 133% */
text-align: center !important;
					color: #19191A;
					font-style: italic;
					font-weight: normal;
				}
				.editorText{
					font-weight: 600;
					font-size: 1.0248vw;
					line-height: 140%;
					/* identical to box height, or 20px */

					letter-spacing: 0.01em;

					/* Carbon / 80 */

					color: #333333;
				}

.editorTextnew{
					font-weight: 600;
					font-size: 11px;
					line-height: 140%;
					/* identical to box height, or 20px */

					letter-spacing: 0.01em;

					/* Carbon / 80 */

					color: #333333;
				}

				.Address{

					font-size: 15px;
					line-height: 25px;
					/* or 167% */


					color: #FFFFFF;
				}

				.Address2{
					font-family: Roboto;
					font-style: normal;
					font-weight: 500;
					font-size: 15px;
					line-height: 25px;
					/* identical to box height, or 167% */

					text-align: center !important;

					color: #FFFFFF;
				}

				.Address3{
					font-family: Roboto;
					font-style: normal;
					font-weight: normal;
					font-size: 10px;
					line-height: 15px;
					/* or 150% */
					text-align: center !important;


					color: #F6F6F6;
				}


				.imgaeportfol{
					height:51px;width:51px;text-align:center; margin-left:25px;margin-top: 29px; margin-bottom:30px;
				}


				.Role{
					font-family: Inter;
					font-style: normal;
					font-weight: normal;
					font-size: 0.8784vw;
					line-height: 15px;
					/* identical to box height */


					/* Carbon / 70 */

					color: #999999;
				}

					.RoleNew{
					font-family: Inter;
					font-style: normal;
					font-weight: normal;
					font-size: 9px;
					line-height: 15px;
					/* identical to box height */


					/* Carbon / 70 */

					color: #999999;
				}

				

				.navbar-nav.underline a:hover {
					text-decoration: underline;
  }

  a img:hover{
  	opacity: 0.5;
  }


  .Award1{
  	width: 132px;
height: 132px;



background: #FFFFFF;
border: 5px solid #3EA1FC;
box-sizing: border-box;
background: #3144EE;
border-radius: 8px;
  }
  .Award2{
  	width: 132px;
height: 132px;

background: #FFFFFF;
border: 5px solid #F8F8F8;
box-sizing: border-box;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.03);
  }