#f_account {

	background: linear-gradient(-180deg, rgba(255, 255, 255, 1) 0%, rgba(239, 248, 255, 1) 100%);

	font-size: 14px;

	overflow: hidden;

	position: relative;

}

#f_account .min_wrap {

	display: flex;

	gap: 60px;

	flex-wrap: wrap;

	padding-top: 60px;

	padding-bottom: 60px;

	position: relative;

	z-index: 1;

}

.l_f_account {

	flex: 1;

	min-width: 1px;

}

.l_f_account .t_cont_h2 {

	padding-top: 24px;

}

.l_f_account .h_t_cont_h2 {

	color: #077e3f;

}

.l_f_account .link_t_cont_h2 {

	margin-bottom: 12px;

}

.l_f_account .link_t_cont_h2 a {

	background-color: #077e3f;

}

.l_f_account .f-detail {

	color: #333;

}

.r_f_account {

	flex: 1;

	max-width: 100%;

	display: flex;

	justify-content: flex-end;

} 

.r_f_account form {

	position: relative;

	z-index: 2;

	width: 100%;

}



.form_acc {

	display: flex;

	flex-direction: column;

	gap: 20px;

	background-color: #fff;

	padding: 40px;

	box-shadow: 0 8px 16px rgba(0,0,0,0.1);

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	-ms-border-radius: 8px;

	-o-border-radius: 8px;

	box-sizing: border-box;

}

.form_acc .til_ct_cont {

	display: flex;

	flex-direction: row-reverse;

	justify-content: space-between;

	align-items: center;

	gap: 12px;

	padding-top: 0;

}

.form_acc .til_ct_cont > img {

	width: auto;

	height: 40px;

}

.form_acc .na_ct_cont {

	font-size: 26px;

	line-height: 1.25;

	font-weight: 600;

	color: var(--PrimaryColor);

}



.i_r_f_account {

	background: #fff url(../imgs/shape-01.png) no-repeat top right;

	background-size: 50% auto;

	box-shadow: 0 04px 4px rgba(0, 0, 0, 0.05);

	padding: 32px;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

}



.t_f_account {

	font-size: 32px;

	font-weight: 600;

	padding-bottom: 24px;

}

.ul_f_account {

	display: flex;

	flex-direction: column;

	gap: 16px;

}

.ul_f_account > li {

	user-select: none;

	position: relative;

}

.ol_f_account {

	display: flex;

	flex-wrap: wrap;

	gap: 16px;

}

.ol_f_account > li {

	flex: 1;

}

.ol_f_account > li label {

	display: block;

	line-height: 42px;

	cursor: pointer;

	font-size: 14px;

	padding: 0 16px;

	border: 1px solid #cfd6e4;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

}

.ol_f_account > li label input {

	cursor: pointer;

	position: relative;

	top: 1px;

	margin-right: 3px;

}

.ol_f_account > li label:checked {

	background-color: #000;

}

.ipt_f_account {

	width: 100%;

	height: 44px;

	border: 1px solid #cfd6e4;

	padding: 0 16px;

	font-weight: 400;

	font-size: 14px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.ipt_f_account:focus {

	border-color: #077e3f;

	color: #111;

}

.ico_showpass {

	width: 44px; height: 44px;

	text-align: center;

	line-height: 44px;

	position: absolute;

	top: 0; right: 0;

	z-index: 1;

	cursor: pointer;

	user-select: none;

}

.ico_showpass::before {

	font-family: "Font Awesome 7 Pro";

	font-weight: 300;

	content: "\f070";

}

.ico_showpass.active::before {

	content: "\f06e";

}

.but_f_account {

	width: 100%;

	height: 44px;

	background: #077e3f;

	border: 0;

	cursor: pointer;

	font-weight: 600;

	font-size: 16px;

	color: #fff;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	margin-top: 8px;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.but_f_account:hover, .but_f_account:active .but_f_account:focus {

	background-color: #077e3f;

}

.bot_ul_f_account {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	align-items: baseline;

	color: #333;

	font-size: 14px;

}

.bot_ul_f_account label {

	cursor: pointer;

}

.bot_ul_f_account input {

	cursor: pointer;

	position: relative;

	top: 1px;

}

.bot_ul_f_account a {

	color: #077e3f;

}

.line_f_accpunt {

	height: 1px;

	background-color: #cfd6e4;

	position: relative;

}

.line_f_accpunt span {

	white-space: nowrap;

	font-size: 12px;

	line-height: 12px;

	text-transform: uppercase;

	position: absolute;

	top: -6px;

	left: 50%;

	color: rgba(34,37,49,.7);

	margin: auto;

	background-color: #fff;

	padding: 0 16px;

	display: inline-block;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

}

.lk_f_account {

	display: flex;

	flex-wrap: wrap;

	gap: 12px;

}

.lk_f_account a {

	display: flex;

	justify-content: center;

	align-items: center;

	flex: 1;

	text-align: center;

	padding: 9px 16px;

	color: rgba(34,37,49,.7);

	border: 1px solid #cfd6e4;

	font-weight: 600;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.lk_f_account img {

	display: inline-block;

	width: auto;

	height: 24px;

	padding-right: .8rem;

}

.lk_f_account a:hover {

	background-color: #f6f6f6;

}

.link_f_account {

	text-align: center;

	font-size: 14px;

}

.link_f_account p {

	color: rgba(34,37,49,.7);

}

.link_f_account a {

	color: #077e3f;

}

.bot_ul_f_account a, .link_f_account a:hover {

	text-decoration: underline;

}



/************************************************************************************

RESPOSIVE

*************************************************************************************/



@media only screen and (max-width: 1280px) {	

	

}



@media only screen and (max-width: 1024px) {

	.r_f_account {

		justify-content: center;

	}

	.form_acc {

		width: 480px;

		max-width: 100%;

		margin: auto;

	}



	.l_f_account {

		display: none;

	}

}



@media only screen and (max-width: 1023px) {

	#container {

        padding-top: 0;

    }

	#f_account .min_wrap {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	#f_login {

		display: block;

	}

	.l_f_login {

		height: auto;

		position: relative;

		min-width: 100%;

	}

	.r_f_login {

		min-height: inherit;

	}

	.r_f_account form {

		width: 100%;

	}

	.form_acc {

		margin: auto;

		width: 480px;

		max-width: 100%;

	}

	.form_acc .na_ct_cont {

		font-size: 24px;

	}

	.form_acc .til_ct_cont {

		margin-bottom: 8px;

	}

	.form_acc .til_ct_cont > img {

		height: 32px;

	}



	.text_l_f_login, .l_f_account {

		display: none;

	}

}



@media only screen and (max-width: 480px) {

	.logo_f_login {

		width: 48px;

		height: 48px;

		padding: 8px;

		border-radius: 16px;

		-webkit-border-radius: 16px;

		-moz-border-radius: 16px;

		-ms-border-radius: 16px;

		-o-border-radius: 16px;

	}

	.l_f_login {

		padding: 24px;

	}

	.r_f_login {

		padding: 32px 24px;

	}	

	.form_acc {

		padding: 24px;	

	}

}