.login-page .alert {
	overflow: hidden;
	border-color: #cd5c5c;
	background-color: #f5dede;
}

.login-page {
	display: flex;
	align-items: flex-start;
	gap: 15%;
}

.login-page .login-form {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 450px;
}

.login-page .form__group {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.login-page .login-item {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	width: 100%;
}

.login-page .login-input {
	width: 100%;
}

.login-page .alert {
	overflow: hidden;
	border: 1px solid #cd5c5c;
	background-color: #f5dede;
	padding: 1rem;
	margin-bottom: 1rem;
}

.login-page .login-help {
	width: 100%;
	max-width: 350px;
}

.login-page .help-text {
	color: #000;
	font-size: 1.25rem;
}

.login-page .list-unstyled {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	list-style: none;
	padding-left: 0;
}

@media screen and (max-width: 1050px) {
	.login-page {
		flex-direction: column;
		gap: 2rem;
	}

	.login-page .login-form,
	.login-page .login-help {
		max-width: 450px;
	}
}