* {
	    font-family: 'Montserrat', sans-serif;
	}

	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: 7rem 3rem;
	    text-align: center;
	}

	.form {
		margin-top: 2rem;
	    padding: 2rem
	}

	.text-login {
	    width: 55%;
	    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
	}


	html,
	body {
		height: 100%;
		margin: 0;
		display: flex;
		flex-direction: column;
		overflow-y: auto;
	}

	.image-bg {
		height: 100%;
		width: 100%;
		background-color: green;
	}

	.login {
		height: 100%;
		width: 100%;
	}

	.row {
		height: 100%;
		width: 100%;
	}