*{
		font-family: 'Montserrat', sans-serif;
	}
	.login{
		padding: 0px 15px
	}
	h2{
		color: #fff
	}
	.icon-pwd{
		position: absolute;
		top: 30%;
		left: 90%;
		color: #13829b
	}
	.fa-eye{
		color: #13829b
	}
		.btn-primary{
		background: #13829b;
		border-radius: 50px;
    	width: 100%;
    	padding: 0.5rem;
		color: #fff;
		border: 0px;
		box-shadow: 0px 0px 10px #13829b;
		border: 1px solid transparent;
		transition: .3s

	}
	.btn-primary:hover{
		color: #13829b;
		background: #fff0;
		border: 1px solid #13829b;
		box-shadow: 0px 0px 0px #fff;

	}

	.image-bg{
		background: rgb(19,130,155);
		background: linear-gradient(156deg, rgba(19,130,155,1) 25%, rgba(6,211,215,1) 93%, rgba(0,212,255,1) 100%);
		height: auto;
		padding: 12rem 3rem;
		text-align: center;
	}
	.form{
		padding: 5rem
	}
	.text-login{
		width: 40%;
		color: #475F7B
	}
	.hr-custom{
		height: 4px;
		background: rgb(19,130,155);
		background: linear-gradient(156deg, rgba(19,130,155,1) 25%, rgba(6,211,215,1) 93%, rgba(0,212,255,1) 100%);
		border-radius: 20px;
		margin-bottom: 3rem;
		margin-top: 1rem

	}
	.text-lang{
		color: #475F7B
	}

	@media only screen and (max-width: 992px) {
		.image-bg{
			display: none
		}
				.form{
			padding: 5rem 1rem
		}
		.text-login{
			text-align: center;
			width: 100%
		}
	}

	@media only screen and (max-width: 768px) {
		.image-bg{
			display: none
		}
		.form{
			padding: 5rem 1rem
		}
		.text-login{
			text-align: center;
			width: 100%
		}

	}

	.form-control{
		border-radius: 50px !important
	}