.form-card {
	width: 410px;
	border-radius: 20px;
	background-color: white;
	padding: 32px;
	/* font-family: 'PF BeauSans Pro', Arial, sans-serif; */

	/* display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #012D55;
	background: #F6F7FC;
	padding: 15px; */
}

.card-pf {
	border: none;
}

.login-pf-page {
	padding: 0 !important;
	max-width: 385px;
	width: 100%;
}

.login-pf-page-header {
	display: none !important;
}
.login-pf-page .login-pf-header {
	margin: 0;
}

.login-pf-page .card-pf {
	margin: auto;
	padding: 32px;
	box-shadow: 0 4px 16px rgb(0 90 177 / 10%);
	border-radius: 20px;
	background: #fff;
	color: #0E2235;
	width: 100%;
}

.form-group {
	margin-bottom: 16px;
}

label {
	padding-bottom: 4px;
	font-size: 12px;
}

.alert {
	border-radius: 8px;
}

.login-pf-page .login-pf-header {
	margin-bottom: 24px;
}

.login-pf-page .login-pf-header h1 {
	margin: 0;
	font-size: 26px;
	line-height: 32px;
	font-weight: 600;
	text-align: center;
}

.login-pf-page .login-pf-signup {
	margin-top: 24px;
}

#kc-info-wrapper {
	font-size: 11px;
	line-height: 16px;
	color: #012D55;
}

#kc-form-buttons {
	margin-top: 16px;
}

#kc-form-options a {
	font-size: 12px;
	line-height: 16px;
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

a {
	color: #0075DC;
	text-decoration: none;
}

a:hover {
	color: #40a9ff;
}

.text-11-16 {
	font-size: 11px;
	line-height: 16px;
}

.form-card + .login-pf-signup {
	display: none;
}

.form-card__logo {
	height: 52px;
	margin-bottom: 24px;
}

.form-card__logo img {
	display: block;
	margin: auto;
}

.form-card__title {
	margin-bottom: 24px;
	text-align: center;
	font: 400 1.5rem/143% 'PF BeauSans Pro';
}

.form-card__title h2 {
	margin: 0;
	font-size: 26px;
	line-height: 32px;
	font-weight: 600;
	text-align: center;
}

.form-card__separator {
	padding: 24px 0;
}

.form-card__providers .btn:not(:last-child) {
	margin-bottom: 8px;
}

.form-card__providers .btn {
	width: 100%;
	border: 1px solid #0075DC;
	border-radius: 8px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	background: #fff;
	font-size: 14px;
	transition: all .3s;
	user-select: none;
	touch-action: manipulation;
	box-shadow: none;
	outline: none;
}

.form-card__providers .btn:hover {
	background: #d6ecff;
}

.form-card__providers .btn:active {
	box-shadow: none;
	outline: 0;
}

.separator {
	position: relative;
	text-align: center;
	min-height: 1px;
	line-height: 100%;
	width: 100%;
	color: #737B8F;
}

.separator:before {
	content: '';
	position: absolute;
	height: 1px;
	left: 0;
	right: 0;
	top: 60%;
	background: #E4E8F0;
}

.separator span {
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	color: #5F6573;
	padding: 0 8px;
	margin: auto;
	position: relative;
	z-index: 1;
	background: #fff;
}

/* ---- Login Form ---- */
.input_title {
	font: 400 14px/17.5px 'PF BeauSans Pro';
	margin-bottom: 4px;
}

.login-form__control:not(:last-child) {
	margin-bottom: 24px;
}

form .form-control {
	height: 48px !important;
	border: 1px solid #E4E8F0;
	border-radius: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #0E2235;
	width: 100%;
	padding: 14px 12px;
	font-family: inherit;
	transition: all .3s;
	outline: 0;
	font-weight: 400;
	box-shadow: none;
}

form .form-control:hover {
	border-color: #40a9ff;
}

form .form-control:focus {
	box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
	border-color: #40a9ff;
}

form .form-control::placeholder {
	color: #B6BCC9;
	font-weight: 300;
	font-style: normal;
}

form .btn {
	height: 48px;
	text-align: center;
	color: #0075DC;
	border: 2px solid #0075DC;
	display: block;
	border-radius: 8px;
	background-color: transparent;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	font-family: inherit;
	transition: all .3s;
	user-select: none;
	touch-action: manipulation;
	outline: none;
	box-shadow: none;
}

form .btn:hover {
	background: #40a9ff;
	color: white;
}

form .btn:active {
	background: #096dd9;
	color: white;
	box-shadow: none;
}

@media screen and (max-width: 768px) {
	.form-card {
			max-width: 100%;
	}
}

@media (max-width: 576px) {
	.form-card {
		padding: 10px;
	}
}