*{
	font-family: "Nunito", sans-serif;
}
html,body{
	height: 100%;
	position: relative;
}
.wrapper-loggin{
	height: 100%;
}
.navbar{
	height: 56px;
	box-shadow: rgba(228, 232, 241, 0.5) 0px 3px 3px 0px;
}
.navbar-brand > img{
	height: 39px;
}
.title-login{
	margin-bottom: 8px !important;
	color: rgb(100, 57, 255);
	font-size: 18px;
	font-weight: 800;
}

footer{
	height: 40px;
	background: #06083f;
}
.box-logon{
	height: calc(100% - 96px);

}
.login-content{
	background: rgb(236, 238, 251);
	border-radius: 8px;
	padding:16px 24px ;	
	max-width: 348px;
}
.img-content{
	max-width: 337px;
}
form{
	padding: 20px;
}
.form-control{
	padding: 6px 12px !important;
	height: 40px;
	border-radius: 4px !important;
	filter: drop-shadow(rgba(0, 0, 0, 0.12) 0px 4px 4px);
}
.form-control:focus{
	box-shadow: 0 0 0 0.1rem rgb(109 86 254 / 30%);
}
::placeholder{
	font-style: oblique;
}
label{
	color: #06083f;
	font-weight: 800;
	font-size: 14px;
}
.mb-16{
	margin-bottom: 16px ;
}
.mb-40{
	margin-bottom: 40px;
}
.help-link{
	color: #4956fe;
	font-size: 12px;
}
.footer-logo{
	height: 30px;
}
.create-account-a{
	color:#6439ff;
}
.btn-primary{
	background: #6439ff!important;
	color: #FFF!important;
	padding: 6px 48px;
	border: 0;
}
.container-fluid{
	max-width: 960px !important;
	width: 95% !important;
}
.eye{
	background: transparent;
	border: 0;
	bottom: 5px;
	right: 5px;
	font-size: 18px;
}
@media (max-width: 997px){
	footer{
		height: auto;
	}

}

/* ── provider rail ─────────────────────────────────────── */
.provider-list{
	width: 100%;
}
.btn-provider{
	background: #ffffff;
	border: 1px solid #e2e5f1;
	border-radius: 18px;
	padding: 12px 16px;
	color: #06083f;
	font-weight: 700;
	font-size: 15px;
	min-height: 52px;
	box-shadow: 0 1px 2px rgba(6, 8, 63, 0.04);
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;
	text-align: left;
}
.btn-provider:hover{
	background: #f7f8ff;
	border-color: #c9ceec;
	box-shadow: 0 3px 10px rgba(100, 57, 255, 0.10);
}
.btn-provider:active{
	transform: translateY(1px);
	box-shadow: 0 1px 2px rgba(6, 8, 63, 0.08);
}
.btn-provider:focus,
.btn-provider:focus-visible{
	outline: 0;
	border-color: #6439ff;
	box-shadow: 0 0 0 0.1rem rgba(109, 86, 254, 0.30);
}
.provider-logo{
	width: 28px;
	height: 28px;
	margin-right: 14px;
	flex-shrink: 0;
}
.provider-logo-img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.provider-label{
	flex: 1 1 auto;
	text-align: center;
	padding-right: 42px;
	color: #06083f;
}
@media (max-width: 575.98px){
	.btn-provider{
		padding: 10px 12px;
		font-size: 14px;
		min-height: 48px;
	}
	.provider-label{
		padding-right: 32px;
	}
}