.custom-login{
    height: 100vh;
	display: flex;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(225deg, #000000, #042d4b, #35abff, #53e7ff, #fafafa);
    background-size: 600% 600%;

    -webkit-animation: movingGradient 20s ease infinite;
    -moz-animation: movingGradient 20s ease infinite;
    -o-animation: movingGradient 20s ease infinite;
    animation: movingGradient 20s ease infinite;
}

@-webkit-keyframes movingGradient {
    0%{background-position:69% 0%}
    50%{background-position:32% 100%}
    100%{background-position:69% 0%}
}
@-moz-keyframes movingGradient {
    0%{background-position:69% 0%}
    50%{background-position:32% 100%}
    100%{background-position:69% 0%}
}
@-o-keyframes movingGradient {
    0%{background-position:69% 0%}
    50%{background-position:32% 100%}
    100%{background-position:69% 0%}
}
@keyframes movingGradient {
    0%{background-position:69% 0%}
    50%{background-position:32% 100%}
    100%{background-position:69% 0%}
}

.main-content{
	width: 50%;
	border-radius: 1.1rem;
    background-color: #fff;
	box-shadow: 6px 10px 40px 5px rgb(0 0 0 / 40%);
	margin: auto;
}
.company__info{
	background-color: #042d4b;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #efefef;
}
@media screen and (max-width: 640px) {
	.main-content{width: 90%;}
	.company__info{
		display: none;
	}
	.login_form{
		border-top-left-radius:1rem;
		border-bottom-left-radius:1rem;
	}
}
@media screen and (min-width: 642px) and (max-width:800px){
	.main-content{width: 70%;}
}
.login_form{
    margin: 3.5rem 0;
}
form{
	padding: 0 2em;
}
.form__input{
	width: 100%;
	border: 0px solid transparent;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
	padding: 1em 1.5em;
	outline:none;
	margin: auto;
	transition: all .3s ease;
}
.form__input:focus{
	border-bottom-color: #FF0000;
	box-shadow: 0 0 5px rgba(4, 45, 80, .4); 
	border-radius: 4px;
}
.btn{
	transition: all .5s ease;
	width: 50%;
	border-radius: 30px;
	color:#042d4b;
	font-weight: 600;
	background-color: #fff;
	border: 1px solid #042d4b;
	margin-top: 2em;
    padding: .7rem;
}
.btn:hover, .btn:focus{
    color:#fff;
    letter-spacing: .10rem;
	background-color: #042d4b;
}
.footer{
    font-size: .85rem;
}
.text-primary {
	color: #042d4b !important;
}
.text-primary:hover {
    letter-spacing: .10rem;
    transition: all .3s ease;
}
label.error {
	font-size: 14px;
	color: red;
}