html {
  background:#ececec;
}

body{
	min-height:100%;
	background: -webkit-linear-gradient(90deg, #ececec  50%, rgba(0,0,0,0) 30%), -webkit-linear-gradient(60deg, #025EAC , #F7911E );  
	background-repeat: no-repeat;
}

.container{
	max-width:90%;
}

.images{
	padding:3% 0% 2% 0%;
	height:225px;
}
.main_scroll {
height:100%;
}

.main{
	background:#fff;
	padding:3% 2% 1% 2%;
	color:#025EAC;
	height: 500px;
}

.list{
	padding:2% 3%;
	margin:0;
}

.list li{
	padding-bottom:2%;
}

.list li a{
	color:#025EAC;
	text-decoration:none;
	font-size:15px;
}

.link{
	padding:2% 3%;
}

.link li{

}

.link li a{
	color:#025EAC;
	text-decoration:none;
	font-size:15px;
}

.login_main{
	padding:0% 5% 0% 5%;
}

.login{
	background:-webkit-linear-gradient(230deg, #025eac8c , #f7911ea6 );
}

.login .login_inner{
	/*background: -webkit-linear-gradient(145deg, #ffffff7a 11% 40%, rgba(0,0,0,0) 0% 10%);  */
	 background: linear-gradient(
    145deg,
    rgba(0,0,0,0) 20%,
    #ffffff59 20% 45%,
    rgba(0,0,0,0) 45% 55%,
    #ffffff59 55% 75%,
   rgba(0,0,0,0) 75%
  );

}
.headers{
	color:white;
	display : block;
  align-items : center;
}
.form_main {
	padding: 8% 10% 4% 5%;
}

.form_row{
	padding: 3% 5%;
}

.input_field{
	background:#fff;
	padding: 3%;
	border-left:5px solid #025EAC;
}

.input_field label{
	font-size:12px;
}

input[type="text"]{
	border:none;
	width: 100%;
	outline: none;
	border-bottom: 1px solid #025EAC;
}
input[type="password"]{
	border:none;
	width: 100%;
	outline: none;
	border-bottom: 1px solid #025EAC;
}

.remember{
	font-size:11px;
	text-align:left;
}
.form_main h1{
		font-size:2.5rem;
	}
.h1{
		    display: block;
    padding: 6% 0% 0;
		font-size:45px;
}
.forgot{
	font-size:12px;
	text-align:right;
	padding-right:5%;
}

.forgot a{
	text-decoration:none;
	color:#025EAC;
}

::placeholder {
  color: #025eac8c;
	font-weight:bold;
}

.submit{
	padding:5% 5%;
}
.submit_1 {
	padding: 5% 5%;
}

.submit a {
	text-decoration: none;
	text-align: center;
}

.submit_1 a {
	text-decoration: none;
	text-align: center;
}
.button_submit{
	display: block;
	width:90%;
	background:#025EAC;
	border:2px solid #025EAC;
	color:white;
	font-weight:bold;
	font-size:12px;
	padding: 6% 10%;
	transition: 0.6s;
}
.button_submit:hover{
	width:110%;
	transition: 0.6s;
	color:white;
	
}
.button_signup {
	display: block;
	width: 90%;
	background: transparent;
	border: 2px solid #025EAC;
	color: #025EAC;
	font-weight: bold;
	font-size: 12px;
	padding: 6% 10%;
	transition: 0.6s;
}
	.button_signup:hover {
		width: 110%;
		transition: 0.6s;
		color: #025EAC;
	}
.form_main .padd{
		padding:0%;
	}

.fa_arrow{
	padding-left: 15%;
}

.footer{
	margin-top:6%;
}
.footer h6{
	color:#025eaccc;
}
.footer h5{
	color:#f7911eb8;
}

.footer h5 span{
	color:#808080ad;
}

@media only screen and (max-width: 1889px) {
	
	.images{
	padding:3% 0% 2% 0%;
	height:225px;
	}

	.main{
		background:#fff;
		padding:3% 2% 1% 2%;
		color:#025EAC;
		height: 500px;
	}
	.footer {
    margin-top: 6%;
}

	.main_scroll {
		height: 100%;
	}
}

@media only screen and (max-width: 1819px) {
	.images{
	padding:3% 0% 2% 0%;
	height:180px;
	}

	.main{
		background:#fff;
		padding:3% 2% 1% 2%;
		color:#025EAC;
		height: 500px;
	}
	.footer {
    margin-top: 4%;
}

	.main_scroll {
		height: 100%;
	}
	
}

@media only screen and (max-width: 1559px) {
	.images{
	padding:3% 0% 2% 0%;
	height:180px;
	}

	.main{
		background:#fff;
		padding:3% 2% 1% 2%;
		color:#025EAC;
		height: 430px;
	}	
	
	.main h2{
		
		font-size:25px;
	}

	.main_scroll {
		height: 100%;
	}
	.list li a{
		color:#025EAC;
		text-decoration:none;
		font-size:13px;
	}
	.link li a{
		color:#025EAC;
		text-decoration:none;
		font-size:13px;
	}
	.form_main h1{
		font-size:30px;
	}
	
	.h1{
		    display: block;
    padding: 8% 0% 0;
		font-size:34px;
	}
	.submit {
    padding-top: 15%;
}
	.submit_1 {
		padding-top: 15%;
	}
	.footer {
    margin-top: 4%;
}

	.footer h6{
		font-size:12px;
	}
	
	.footer h5{
		font-size:16px;
	}

}

@media only screen and (max-width: 1389px) {
	.images{
	padding:3% 0% 2% 0%;
	height:165px;
	}

	.main{
		background:#fff;
		padding:3% 2% 1% 2%;
		color:#025EAC;
		height: 500px;
	}

	.main_scroll {
		height: 100%;
	}
	.list li a{
		color:#025EAC;
		text-decoration:none;
		font-size:15px;
	}
	.footer {
    margin-top: 6%;
}
}

@media only screen and (max-width: 1309px) {
	.images{
	padding:3% 0% 2% 0%;
	height:150px;
	}
	.logo{
		width:80px;
	}
	.main{
		background:#fff;
		padding:3% 2% 1% 2%;
		color:#025EAC;
		height: 380px;
	}
	.list li{
		font-size:10px;
	}
	.link li{
		font-size:10px;
	}
	.list li a{
		color:#025EAC;
		text-decoration:none;
		font-size:10px;
	}

	.main_scroll {
		height: 100%;
	}
	.link li a{
		color:#025EAC;
		text-decoration:none;
		font-size:10px;
	}
	.main h2{
		
		font-size:20px;
	}
	
	.form_main h1 {
    font-size: 25px;
}
.h1{
		    display: block;
    padding: 8% 0% 0;
		font-size:30px;
	}
	.input_field label {
    font-size: 10px;
}

input[type="text"] {
    border: none;
    width: 100%;
    outline: none;
    font-size: 10px;
    border-bottom: 1px solid #025EAC;
}
input[type="password"] {
    border: none;
    width: 100%;
    outline: none;
    font-size: 10px;
    border-bottom: 1px solid #025EAC;
}

input[type=checkbox] {
margin: 0 0 0;
width: 10px;
height: 10px;
}
.list li {
    padding-bottom: 1%;
}
.button_submit {
    width: 100%;
    background: #025EAC;
    border: 2px solid #025EAC;
    color: white;
    font-weight: bold;
    font-size: 10px;
    padding: 6% 10%;
}

.button_signup {
    width: 100%;
    background: transparent;
    border: 2px solid #025EAC;
    color: #025EAC;
    font-weight: bold;
    font-size: 10px;
    padding: 6% 10%;
}

.remember {
    font-size: 9px;
    text-align: left;
}
.forgot {
    font-size: 9px;
    text-align: right;
}
	.footer {
    margin-top: 3%;
}
	.footer h6{
		font-size:9px;
	}
	.footer h5{
		font-size:14px;
	}
}

@media only screen and (max-width: 1229px) {
	.images{
	padding:3% 0% 2% 0%;
	height:120px;
	}
	.logo{
		width:70px;
	}
	.form_main h1 {
    font-size: 22px;
}

	.main_scroll {
		height: 100%;
	}
.h1{
	    display: block;
    padding: 8% 0% 0;
		font-size:24px;
	}
	.input_field label {
    font-size: 8px;
}
	.list {
    padding: 0% 3% 5% 3%;
    margin: 0;
	}
	.link {
    padding: 0% 3% 5% 3%;
    margin: 0;
	}
	.main{
		background:#fff;
		padding:3% 2% 1% 2%;
		color:#025EAC;
		height: 300px;
	}
	input[type="text"] {
    border: none;
    width: 100%;
    outline: none;
    font-size: 9px;
    border-bottom: 1px solid #025EAC;
}
input[type="password"] {
    border: none;
    width: 100%;
    outline: none;
    font-size: 9px;
    border-bottom: 1px solid #025EAC;
}
.input_field {
    background: #fff;
    padding: 3%;
    border-left: 3px solid #025EAC;
}
	.list li{
		padding-bottom:2%;
		font-size:9px;
	}
	.link li{
		padding-bottom:2%;
		font-size:9px;
	}
	.list li a{
		color:#025EAC;
		text-decoration:none;
		font-size:9px;
	}
	.link li a {
    color: #025EAC;
    text-decoration: none;
    font-size: 9px;
	}
	.remember {
    font-size: 8px;
    text-align: left;
	}
	.submit {
    padding-top: 11%;
}
	.submit_1 {
		padding-top: 11%;
	}
	.forgot {
    font-size: 8px;
    text-align: right;
	}
	.button_submit {
    width: 100%;
    background: #025EAC;
    border: 2px solid #025EAC;
    color: white;
    font-weight: bold;
    font-size: 8px;
    padding: 6% 10%;
	}
	.button_signup {
   width: 100%;
    background: transparent;
    border: 2px solid #025EAC;
    color: #025EAC;
    font-weight: bold;
    font-size: 8px;
    padding: 6% 10%;
	}
	.main h2 {
    font-size: 17px;
	}
	.footer {
    margin-top: 6%;
	}
	.footer h5 {
    font-size: 12px;
}
	.footer h6 {
    font-size: 8px;
}
}

@media only screen and (max-width: 1023px) {
	.images{
	padding:3% 0% 2% 0%;
	height:130px;
	}

	.main_scroll {
		height: 100%;
	}
	.main{
		background:#fff;
		padding:3% 2% 1% 2%;
		color:#025EAC;
		height: 500px;
	}
	.list li a{
		color:#025EAC;
		text-decoration:none;
		font-size:15px;
	}
}

@media only screen and (max-width: 991px) {
	.images{
	padding:3% 0% 2% 0%;
	height:110px;
	}
		.logo{
		width:70px;
	}
	.form_main h1 {
    font-size: 20px;
}
.headers{
	color:white;
	display : block;
 align-items : center;
}
.h1{
		    display: block;
    padding: 8% 0% 0;
		font-size:22px;
	}
	.input_field label {
    font-size: 7px;
}

	.main_scroll {
		height: 100%;
	}
	.list {
    padding: 0% 3% 5% 3%;
    margin: 0;
	}
	.link {
    padding: 0% 3% 5% 3%;
    margin: 0;
	}
	.main{
		background:#fff;
		padding:3% 2% 1% 2%;
		color:#025EAC;
		height: 250px;
	}
	input[type="text"] {
    border: none;
    width: 100%;
    outline: none;
    font-size: 8px;
    border-bottom: 1px solid #025EAC;
}
input[type="password"] {
    border: none;
    width: 100%;
    outline: none;
    font-size: 8px;
    border-bottom: 1px solid #025EAC;
}
.form_main {
    padding: 10% 10% 6% 10%;
}
.input_field {
    background: #fff;
    padding: 2%;
    border-left: 3px solid #025EAC;
}
	.list li{
		padding-bottom:1%;
		font-size: 9px;
	}
	.link li{
		padding-bottom:1%;
		font-size: 9px;
	}
	.list li a{
		color:#025EAC;
		text-decoration:none;
		font-size:7px;
	}
	.link li a {
    color: #025EAC;
    text-decoration: none;
    font-size: 9px;
	}
	.remember {
    font-size: 7px;
    text-align: left;
	}
	.submit {
		padding: 11% 10% 10% 10%;
	}
	.submit_1 {
		padding: 0% 10% 10% 10%;
	}
	.forgot {
    font-size: 7px;
    text-align: right;
	}
	.button_submit {
    width: 100%;
    background: #025EAC;
    border: 2px solid #025EAC;
    color: white;
    font-weight: bold;
    font-size: 7px;
    padding: 6% 10%;
	}
	.button_signup {
   width: 100%;
    background: transparent;
    border: 2px solid #025EAC;
    color: #025EAC;
    font-weight: bold;
    font-size: 7px;
    padding: 6% 10%;
	}
	.main h2 {
    font-size: 15px;
	}
	.footer {
    margin-top: 6%;
	}
	.footer h5 {
    font-size: 10px;
}
	.footer h6 {
    font-size: 7px;
}
}

@media only screen and (max-width: 767px) {
	.images{
	padding:3% 0% 2% 0%;
	height:120px;
	}
	.logo {
    width: 100px;
	}
	.headers{
	color:white;
	display : block;
 text-align : center;
}

	.main_scroll {
		height: 50%;
	}
	.button_submit:hover {
		width: 100%;
		transition: 0.6s;
		color: white;
	}
	.button_signup:hover {
		width: 100%;
		transition: 0.6s;
		color: #025EAC;
	}
	.main{
		background:#fff;
		padding:3% 5% 1% 5%;
		color:#025EAC;
		height: 600px;
	}
		.list {
    padding: 0% 3% 5% 5%;
    margin: 0;
	}
	.link {
    padding: 0% 3% 5% 5%;
    margin: 0;
}
.h1{
    display: block;
    padding: 8% 0%;
	text-align:center;
}
	.list li a{
		color:#025EAC;
		text-decoration:none;
		font-size:14px;
	}
	.link li a{
		color:#025EAC;
		text-decoration:none;
		font-size:14px;
	}
	.input_field label {
    font-size: 12px;
	}
	input[type="text"] {
    border: none;
    width: 100%;
    outline: none;
    font-size: 13px;
    border-bottom: 1px solid #025EAC;
	}
	input[type="password"] {
    border: none;
    width: 100%;
    outline: none;
    font-size: 13px;
    border-bottom: 1px solid #025EAC;
}
	.remember {
    font-size: 11px;
    text-align: left;
	}
	.forgot {
    font-size: 11px;
    text-align: right;
	}
	.button_submit {
    width: 100%;
    background: #025EAC;
    border: 2px solid #025EAC;
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding: 6% 10%;
	}
	.button_signup {
    width: 100%;
    background: transparent;
    border: 2px solid #025EAC;
    color: #025EAC;
    font-weight: bold;
    font-size: 12px;
    padding: 6% 10%;
	}
	.footer {
    margin-top: 35%;
	}
	.footer h6 {
    font-size: 12px;
	}
	.footer h5 {
    font-size: 16px;
	}
	.form_row {
		padding: 3% 10%;
	}
	.headers p{
		font-size:14px;
	}
}

@media only screen and (max-width: 639px){
	.images{
	padding:3% 0% 2% 0%;
	height:120px;
	}
.headers{
	color:white;
	display : block;
 text-align : center;
}

	.main_scroll {
		height: 50%;
	}
	.main{
		background:#fff;
		padding:3% 5% 1% 5%;
		color:#025EAC;
		height:700px;
	}
		.list {
    padding: 0% 3% 5% 5%;
    margin: 0;
	}
	.link {
    padding: 0% 3% 5% 5%;
    margin: 0;
}
	.list li {
    padding-bottom: 3%;
    font-size: 14px;
	}
	.lnk li {
    padding-bottom: 3%;
    font-size: 14px;
	}
	.list li a{
		color:#025EAC;
		text-decoration:none;
		font-size:14px;
	}
	.link li a{
		color:#025EAC;
		text-decoration:none;
		font-size:14px;
	}
	.footer {
    margin-top:50%;
}
.footer h5 {
    font-size: 14px;
}
.main h2 {
    font-size: 18px;
}
.h1{
	    display: block;
    padding: 8% 0%;
	text-align:center;
}
	.form_row {
		padding: 3% 10%;
	}
}

@media only screen and (max-width: 479px) {
	.images{
	padding:3% 0% 2% 0%;
	height:100px;
	}
.main h2 {
    font-size: 18px;
}

	.main_scroll {
		height: 45%;
	}
.headers{
	color:white;
	display : block;
 text-align : center;
}
.list {
    padding: 0% 3% 5% 8%;
    margin: 0;
}
.link {
    padding: 0% 3% 5% 8%;
    margin: 0;
}
	.main{
		background:#fff;
		padding:3% 5% 1% 5%;
		color:#025EAC;
		height: 620px;
	}	
	.list li {
    padding-bottom: 5%;
    font-size: 13px;
	}
	.link li {
    padding-bottom: 3%;
    font-size: 13px;
	}

	.list li a{
		color:#025EAC;
		text-decoration:none;
		font-size:13px;
	}
	.link li a{
		color:#025EAC;
		text-decoration:none;
		font-size:13px;
	}
	
	.forgot {
	padding: 0 10%;
    font-size: 11px;
    text-align: left;
	}
	.forgot a{
		color:#025EAC;
	}
	.remember {
		padding: 5px;
    font-size: 11px;
    text-align: left;
	}
	.footer {
    margin-top: 45%;
	}
	.button_submit {
    width: 100%;
    background: #025EAC;
    border: 2px solid #025EAC;
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding: 3% 25%;
	}
	.button_signup {
    width: 100%;
    background: transparent;
    border: 2px solid #025EAC;
    color: #025EAC;
    font-weight: bold;
    font-size: 12px;
    padding: 3% 25%;
}
.footer h5 {
    line-height: 2;
    font-size: 18px;
}
.footer h6 {
    font-size: 14px;
}
.h1{
	display: block;
    padding: 8% 0%;
	text-align:center;
	
}
	.form_row {
		padding: 3% 10%;
	}
}

@media only screen and (max-width: 360px) {
	.images {
		padding: 3% 0% 2% 0%;
		height: 100px;
	}

	.main h2 {
		font-size: 18px;
	}

	.headers {
		color: white;
		display: block;
		text-align: center;
	}

	.main_scroll {
		height: 50%;
	}
	.list {
		padding: 0% 3% 5% 8%;
		margin: 0;
	}

	.link {
		padding: 0% 3% 5% 8%;
		margin: 0;
	}

	.main {
		background: #fff;
		padding: 3% 5% 1% 5%;
		color: #025EAC;
		height: 700px;
	}

	.list li {
		padding-bottom: 5%;
		font-size: 13px;
	}

	.link li {
		padding-bottom: 3%;
		font-size: 13px;
	}

	.list li a {
		color: #025EAC;
		text-decoration: none;
		font-size: 13px;
	}

	.link li a {
		color: #025EAC;
		text-decoration: none;
		font-size: 13px;
	}

	.forgot {
		padding: 0 10%;
		font-size: 11px;
		text-align: left;
	}

		.forgot a {
			color: #025EAC;
		}

	.remember {
		padding: 5px;
		font-size: 11px;
		text-align: left;
	}

	.footer {
		margin-top: 45%;
	}

	.button_submit {
		width: 100%;
		background: #025EAC;
		border: 2px solid #025EAC;
		color: white;
		font-weight: bold;
		font-size: 12px;
		padding: 3% 25%;
	}

	.button_signup {
		width: 100%;
		background: transparent;
		border: 2px solid #025EAC;
		color: #025EAC;
		font-weight: bold;
		font-size: 12px;
		padding: 3% 25%;
	}

	.footer h5 {
		line-height: 2;
		font-size: 18px;
	}

	.footer h6 {
		font-size: 14px;
	}

	.h1 {
		display: block;
		padding: 6% 0% 0;
		text-align: center;
	}

	.form_row {
		padding: 3% 10%;
	}
}