.main{width: 100%; margin: 0 auto;}

.head{padding: 10px;}

.nav-section { float:right; margin-top: -65px; margin-right: -349px;}
.nav-section li{float: left; list-style: none; }
.nav-section li a{padding: 15px; text-decoration: none; color: white; font-size: 16px;}
.nav-section li a:hover{background-color: red; color: white; border-radius: 35px;}
.logo{min-height:100px;}
.body-wrap{margin-top: -40px;}

.img1{padding-left: 114px;}

.form-wrap {
	width: 100%;
	max-width: 700px;
	margin: 100px auto;
color: white;
text-align: center;
}

.log{font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}


.login-form {
	max-width: 380px;
	width: 100%;
	margin: 30px auto 150px auto;
}	
.form-group {
	margin-bottom: 30px;
}
.field-cantrol {
	border: none;
	border-radius: 12px;
	color: #fff;
	background: transparent;
	width: 100%;
	border: 2px solid #ffffff;
	outline: none;
	box-shadow: none;
	padding: 10px;
}
.field-cantrol::placeholder {
	color: #fff;
text-align: center;}
.forgot-link {
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	
}
.forgot-link:hover {
	color: #ffffff;
	text-decoration: none;
}



.btn-submit{display: inline;
width: 100%;
	border: none;
box-sizing: border-box;
background-color:#10476D;
	border-radius: 10px;
color: white;
height: 40px;
cursor: pointer;}


.nav-sec { float:left; padding-top: 40px;}
.nav-sec li{float: left; list-style: none; }
.nav-sec li a{padding: 15px; text-decoration: none; color: black; }
.nav-sec li a:hover{background-color: red; color: white; border-radius: 35px;}

.address{margin-top: 50px; margin-left: 55px;}

.img{float: right; padding-right: 31px; padding-top: 44px;}

.design{width: 100%;}





/*Home Page Css Start*/

.text-1{color: white; margin-left: 20px; margin-top: 46px;}

.but1{margin-top: 40px; margin: 20px;}

.btn-login{display: inline;
width: 25%;
border:none;
background-color:#10476D;
border-radius: 24px;
color: white;
height: 40px;
cursor: pointer;
}

.works{color: black;
text-align: center;
margin: 30px;}



.btn-Learn{display: inline;
width: 15%;
border:none;
background-color:#10476D;
border-radius: 24px;
color: white;
height: 40px;
cursor: pointer;
margin-left: 480px;
margin-bottom: 20px;}

.product{background-color: #10476D;
background-size: cover;
	overflow: hidden;
	padding: 80px 0px;
}
.product .text-2 h3 {
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 25px;
}





.column-layout {
	display: flex;
	margin-top: 35px;
	width: 80%;
margin-left: 133px;}

.column-layout.col3 .column-layout__item { 
	width: calc(100% / 3);
}
.column-layout__item {
	border-radius: 20px;
	background: #ffffff none repeat scroll 0 0;
	border: none;
	box-shadow: 2px 12px 3px rgba(0,0,0,0.3);
	position: relative;
}
.column-layout.col3 .column-layout__item:first-child {
	margin-right: -25px;
	padding: 20px 45px 20px 20px;
	background: #EAFAFA none repeat scroll 0 0;
}
.column-layout.col3 .column-layout__item:last-child {
	margin-left: -25px;
	padding: 20px 20px 20px 45px;
	background: #EAFAFA none repeat scroll 0 0;
}
.column-layout.col3 .column-layout__item:nth-child(2) {
	z-index: 99;
	margin-top: -25px;
	margin-bottom: -25px;
	padding: 20px;
}

.icon-area{align-content: center;}

.icon{margin-left: 90px; padding-bottom: 10px;}

.but3{margin-top: 40px; margin-left: 38px;}

.btn-more{display: inline;
width: 77%;
border:none;
background-color:#10476D;
border-radius: 24px;
color: white;
height: 40px;
cursor: pointer;
}

.butt{margin-top: 40px; margin-left: 38px;}

.btn-more10{display: inline;
width: 77%;
border:none;
background-color:#10476D;
border-radius: 24px;
color: white;
height: 40px;
cursor: pointer;
}

.buttt{margin-top: 40px; margin-left: 38px;}

.btn-more20{display: inline;
width: 77%;
border:none;
background-color:#10476D;
border-radius: 24px;
color: white;
height: 40px;
cursor: pointer;
}

.whyus{color: white; margin-left: 67px; margin-top: 35px;}

.icon1 {color: white; text-align: center;}
.icon2 {color: white; text-align: center;}
.icon3 {color: white; text-align: center; margin-top: 13px;}
.icon4 {color: white; text-align: center;}

.register{background-color: white; border-radius: 18px; width: 70%; box-shadow: 2px 1px 35px -6px #000; margin-left: 125px;}
.contactus{text-align: center;}

.form-gp {
	margin: 8px;
margin-left: 80px;}
.field-can {
	
	border-radius: 12px;
	color: #000;
	background: transparent;
	width: 100%;
	border: 2px solid #000;
	outline: #000000;
	box-shadow: none;
	padding: 10px;
}
.field-can::placeholder {
	color: #000;
text-align: center;}



.form-gp2 {
	margin: 8px;
	
margin-left: 80px;}
.field-can1 {
	
	border-radius: 12px;
	color: #000;
	background: transparent;
	width: 100%;
	border: 2px solid #000;
	outline: #000000;
	box-shadow: none;
	padding: 10px;
height: 90px;}
.field-can1::placeholder {
	color: #000;
text-align: left;}

.con{margin-left: -60px; padding: 10px;}

.buton{padding-bottom: 10px; margin-left: 109px;}

.btn-more30{display: inline;
width: 60%;
border:none;
background-color:#10476D;
border-radius: 24px;
color: white;
height: 40px;
cursor: pointer;
}








