nav {
	background-color: var(--primary-color);
	text-align: center;
	padding: 15px;
}

.h-device {
	height: 80%;
}

.gradient {
	background-image: linear-gradient(var(--primary-color), var(--orange-color));
	border-radius: 30px 0 0 30px;
}

.mark-h {
	width: 140px;
	height: 5px;
	background-color: white;
	display: block;
}

.main {
	width: 992px;
	margin-top: auto;
	margin-bottom: auto;
	background-color: var(--light-gray-color);
	border-radius: 30px;
	color: white;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.form_container {
	padding: 0 60px;
	width: 100%;
}

input,
input:hover,
input:focus,
input:valid,
input:active {
	border: 0;
	background-color: var(--light-pink-color) !important;
	box-shadow: none !important;
	outline: 0 !important;
	color: white !important;
	height: 50px;
	border-radius: 0 10px 10px 0;
}

.input-group-text {
	border-radius: 10px 0 0 10px;
}

.form_container input::placeholder{
	color: white;
	font-size: 1.2em;
}

.icon-racine-login {
	height: 45px;
}

.input-group-text {
	background: var(--light-pink-color);
	border: 0;
	padding: 5px;
	height: 50px;
}

.login_btn {
	width: 100%;
	background: var(--primary-color);
	color: white;
	border-radius: 10px;
	box-shadow: 0 2px 0 #871D25;
	font-weight: bold;
	transition: transform .3s;
}
.login_btn:hover {
	transform: scale(1.05);
	color: white;
}

.login_btn:focus {
	box-shadow: 0 2px 0 #871D25;
	outline: 0 !important;
}

.footer {
	background-color: var(--gray-color);
	padding: 10px;
	color: white;
}

.footer a,a:hover,
.link_whatsapp {
	color: white;
}

.forgot-password:hover{
	color: var(--primary-color);
}

.racine-icons {
	margin-right: 10px;
}

.link-ava:hover {
	color: var(--primary-color);
}

@media (max-width: 991px) {
	.login_page {
		background-image: linear-gradient(var(--primary-color), var(--orange-color));
		background-attachment: fixed;
	}
	.desktop {
		display: none;
	}
	.h-device {
		height: 100%;
	}
	.gradient {
		background-image: unset;
		border-radius: unset;
	}
	.main {
		background-color: unset;
		width: 450px;
		box-shadow: unset;
	}
	.form_container {
		background-color: var(--light-gray-color);
		border-radius: 10px;
		padding: 30px 20px;
		box-shadow: 5px 5px 5px var(--lead-color);
	}
	.form_mobile {
		padding: 0 40px;
	}
	h1 {
		font-size: 2.3rem;
	}
}

@media (max-width: 576px) {
	.text-ava {
		font-size: 1rem;
	}
}