/* Extracted Kaveh auth/login modal styles for Derang custom layouts.
 * Source: kavehTheme/assets/css/rtl/main.min.css (.auth__*)
 */
.auth__tab {
	gap: 14px
}

.auth__tab__item {
	max-width: 50%;
	flex: 0 0 auto;
	border: 1px solid #bababa;
	color: #bababa;
	padding: 15px 12px;
	cursor: pointer;
	font-size: 12px;
	line-height: 18px;
	font-weight: 800
}

.auth__tab__item img {
	opacity: .4;
	margin-left: 8px
}

.auth__tab__item::before {
	top: 0;
	left: 0;
	width: calc(100% + 11px);
	height: 37px;
	border-radius: 20px;
	background-color: #f1f5fb;
	transform: translateY(-14px);
	z-index: -1;
	opacity: 0;
	visibility: hidden
}

.auth__tab__item.active {
	color: #121212
}

.auth__tab__item.active img {
	opacity: 1
}

.auth__tab__item.active::before {
	opacity: 1;
	visibility: visible
}

.auth__tab__pane {
	display: none
}

.auth__tab__pane.active {
	display: block
}

.auth__fix__link {
	z-index: 3;
	height: 100%;
	top: 0;
	left: 0
}

.auth__modal {
	z-index: 999;
	overflow: hidden auto;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	/* Avoid FOUC: first paint must not animate from the browser default opacity:1. */
	transition: none
}

.auth__modal,
.auth__modal__backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.auth__modal__backdrop {
	z-index: 990;
	background-color: rgba(0, 0, 0, .1);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	transition: opacity .3s ease-in-out
}

.auth__modal__dialog {
	margin: 8px;
	min-height: calc(100vh - 16px);
	display: flex;
	align-items: center;
	justify-content: center
}

.auth__modal__content {
	transform: translateY(12px);
	opacity: 0;
	transition: transform .28s ease, opacity .28s ease
}

.auth__modal__close {
	top: 12px;
	left: 12px;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	z-index: 99;
	cursor: pointer
}

.auth__modal__close::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 3.5l7 7M10.5 3.5l-7 7' stroke='%2310110E' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")
}

.auth__modal.opened {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.auth__modal.opened .auth__modal__content {
	transform: translateY(0);
	opacity: 1
}

.auth__relative {
	position: relative
}

.auth__absolute {
	position: absolute
}

.auth__flex {
	display: flex
}

.auth__items__center {
	align-items: center
}

.auth__content__center {
	justify-content: center
}

.auth__content__between {
	justify-content: space-between
}

.auth__b__white {
	background-color: #fff
}

.auth__ease__in__out {
	transition: all .3s ease-in-out
}

.auth__rounded__15 {
	border-radius: 15px
}

.auth__page {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 24px 12px
}

.auth__page,
.auth__page__wrapper {
	max-width: 100%
}

.auth__page__one,
.auth__page__two,
.auth__page__three {
	margin: 0 auto 56px;
	position: relative
}

.auth__page__one::before,
.auth__page__one::after,
.auth__page__two::before,
.auth__page__two::after,
.auth__page__three::before,
.auth__page__three::after {
	bottom: 0;
	left: 50%
}

.auth__page__one::before,
.auth__page__two::before,
.auth__page__three::before {
	transform: translate(-50%, 39px);
	width: 303px;
	height: 160px;
	background-color: rgba(255, 255, 255, .1);
	border: 1px solid #fff;
	border-radius: 38px;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	z-index: -1
}

.auth__page__one::after,
.auth__page__two::after,
.auth__page__three::after {
	width: 86px;
	height: 33px;
	border-radius: 40px;
	transform: translate(-50%, 56px);
	z-index: -2
}

.auth__page__one,
.auth__page__two {
	background-color: #fff;
	border-radius: 43px;
	box-shadow: 0-146px 134px rgba(0, 0, 0, .03);
	border: 1px solid rgba(239, 239, 239, .3)
}

.auth__page__one .image img,
.auth__page__two .image img {
	border-radius: 43px 43px 7px;
	background-color: #f9fafc
}

.auth__page__one .btns .auth__page__btn:not(:last-child),
.auth__page__two .btns .auth__page__btn:not(:last-child) {
	margin-bottom: 27px
}

.auth__page__one .content.login p,
.auth__page__two .content.login p {
	line-height: 33px;
	margin-bottom: 31px;
	font-size: 14px
}

.auth__page__one {
	max-width: 398px
}

.auth__page__one::after {
	background-color: #3959ce
}

.auth__page__one .content {
	padding: 36px 44px 44px
}

.auth__page__one .content .title {
	font-size: 14px;
	font-weight: 900;
	line-height: 30px;
	text-align: center;
	margin-bottom: 7px
}

.auth__page__one .content p {
	text-align: justify;
	-moz-text-align-last: center;
	text-align-last: center;
	font-size: 12px;
	line-height: 22px;
	color: #919191;
	margin-bottom: 20px
}

.auth__page__one .content.login {
	padding: 77px 44px 51px
}

.auth__page__one .content.login .wellcome {
	margin-bottom: 27px
}

.auth__page__one .content.login .wellcome img {
	border: 1px solid #fff;
	box-shadow: 0 9px 11px rgba(0, 0, 0, .07);
	border-radius: 50%;
	margin-left: 11px
}

.auth__page__one .content.login .wellcome__title {
	font-size: 17px;
	font-weight: 500;
	color: #494949;
	line-height: 23px;
	margin-bottom: 7px
}

.auth__page__one .content.login .wellcome__title b {
	font-weight: 800;
	color: #000
}

.auth__page__one .content.login .wellcome__sub__title {
	font-size: 12px;
	color: #919191
}

.auth__page__one .content.login p {
	-moz-text-align-last: right;
	text-align-last: right
}

.auth__page__one .content.login form {
	margin-bottom: 21px
}

.auth__page__one .content.login form .auth__page__form__group .image {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	right: 22px
}

.auth__page__one .content.login form .auth__page__form__control {
	padding-right: 72px
}

.auth__page__one .content.login form .auth__page__form__control:focus {
	background-color: #e2eaf4
}

.auth__page__one .content.login form .auth__page__form__control:focus+.image {
	box-shadow: 0 19px 14px rgba(0, 0, 0, .11)
}

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

	.auth__page__one .content,
	.auth__page__one .content.login {
		padding: 30px 20px 24px
	}
}

.auth__page__two {
	max-width: 366px
}

.auth__page__two::after {
	background-color: #ffd46f
}

.auth__page__two .content {
	padding: 41px 24px 66px
}

.auth__page__two .content .title {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px
}

.auth__page__two .content .title b {
	font-weight: 800
}

.auth__page__two .content p {
	font-size: 13px;
	line-height: 18px;
	margin: 16px 0 37px
}

.auth__page__two .content.login {
	padding: 67px 24px 42px
}

.auth__page__two .content form {
	margin-bottom: 24px
}

.auth__page__two .content form .phone {
	padding: 13px 19px 16px;
	background-color: #f4f4f4;
	border-radius: 15px;
	margin-bottom: 32px
}

.auth__page__two .content form .phone .image {
	padding-left: 13px;
	margin-left: 14px;
	border-left: 1px solid rgba(145, 145, 145, .2);
	flex: 0 0 auto
}

.auth__page__two .content form .phone .image img {
	border-radius: 50%;
	border: .5px solid #fff;
	box-shadow: 0 8px 13px rgba(0, 0, 0, .07)
}

.auth__page__two .content form .phone input {
	padding: 0;
	background-color: transparent;
	height: 32px;
	color: #494949;
	font-size: 12px;
	border: 0;
	outline: 0
}

.auth__page__two .content form .phone__btn {
	left: 14px;
	width: 89px;
	height: 38px;
	border: .5px solid #121212;
	border-radius: 15px;
	box-shadow: 0 84px 134px rgba(0, 0, 0, .15);
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	font-size: 12px;
	color: #121212;
	font-weight: 600
}

.auth__page__two .content form .phone__btn.show {
	opacity: 1;
	visibility: visible
}

.auth__page__two .content form .phone__btn:disabled {
	border-color: #bababa;
	color: #bababa
}

.auth__page__two .content form .phone.disabled {
	background-color: #fbfbfb
}

.auth__page__two .content form .phone.disabled input {
	color: #bababa
}

.auth__page__two .content form .code {
	margin-bottom: 25px
}

.auth__page__two .content form .code label {
	display: block;
	font-size: 12px;
	line-height: 30px;
	color: #b4b4b4;
	margin-bottom: 15px
}

.auth__page__two .content form .code .inputs {
	color: #919191;
	gap: 8px;
	direction: ltr
}

.auth__page__two .content form .code .inputs input {
	max-width: calc(25% - 17px);
	flex: 0 0 auto;
	border: 0;
	height: 61px;
	background-color: #fbfbfb;
	border-radius: 15px;
	border: 0;
	outline: 0;
	text-align: center
}

.auth__page__two .content form .code .inputs input:not(:disabled) {
	background-color: #f4f4f4
}

.auth__page__two .content form .edit__nomber {
	margin-bottom: 33px
}

.auth__page__two .content form .edit__nomber,
.auth__page__two .content form .edit__nomber__btn {
	line-height: 18px;
	color: #919191
}

.auth__page__two .content form .edit__nomber__btn:not(:disabled) {
	color: #121212
}

@media only screen and (max-width:359px) {
	.auth__page__two .content.login {
		padding: 67px 16px 42px
	}
}

.auth__page__three {
	max-width: 376px
}

.auth__page__three::after {
	background-color: #1a47b8
}

.auth__page__three .content {
	padding: 38px 33px 44px;
	overflow: hidden;
	border-radius: 58px;
	filter: drop-shadow(0 0 1px #efefef)
}

.auth__page__three .content .logo,
.auth__page__three .content .avatar,
.auth__page__three .content .auth__tab {
	z-index: 99
}

.auth__page__three .content .logo {
	font-size: 13px;
	font-weight: 800;
	color: #121212;
	margin-bottom: 25px
}

.auth__page__three .content .logo img {
	margin-left: 11px
}

.auth__page__three .content .logo span {
	color: #848484;
	font-weight: 900
}

.auth__page__three .content .avatar {
	border: .5px solid #dcdcdc;
	border-radius: 16px;
	max-width: -moz-fit-content;
	max-width: fit-content;
	padding: 12px 17px 11px 24px;
	margin-bottom: 48px
}

.auth__page__three .content .avatar img {
	border: 1px solid #fff;
	border-radius: 50%;
	box-shadow: 0 9px 11px rgba(0, 0, 0, .07);
	margin-left: 7px
}

.auth__page__three .content .avatar__title {
	font-weight: 500;
	color: #494949;
	margin-bottom: 6px
}

.auth__page__three .content .avatar__title b {
	color: #000;
	font-weight: 800
}

.auth__page__three .content .avatar__sub__title {
	font-size: 12px;
	color: #919191;
	line-height: 18px
}

.auth__page__three .content .auth__tab {
	margin-bottom: 47px
}

.auth__page__three .content form .auth__page__form__group {
	margin-bottom: 32px
}

.auth__page__three .content form .auth__page__form__group img {
	right: 21px
}

.auth__page__three .content form .auth__page__form__control {
	padding-right: 47px;
	background-color: #f1f5fb;
	border: 1px solid #f1f5fb;
	height: 51px
}

.auth__page__three .content form .auth__page__form__control:focus {
	background-color: #fff;
	border-color: #fbfbfb;
	box-shadow: 0 54px 94px rgba(0, 0, 0, .07)
}

.auth__page__three .content form .hr {
	margin: 59px 0 50px;
	border-bottom: 1px dashed #919191
}

.auth__page__three .content form .hr::before,
.auth__page__three .content form .hr::after {
	width: 36px;
	height: 74px;
	background-color: #fff;
	-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNzQiIHZpZXdCb3g9IjAgMCAzNiA3NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzk0N18yODQiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSI3NCI+CjxyZWN0IHdpZHRoPSIzNiIgaGVpZ2h0PSI3NCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTQ3XzI4NCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS0zNDAgLTQxNEMtMzQwIC00NDYuMDMzIC0zMTQuMDMzIC00NzIgLTI4MiAtNDcySC0yMkMxMC4wMzI1IC00NzIgMzYgLTQ0Ni4wMzMgMzYgLTQxNFYwLjAxMzI0NDZDMTYuMDI3NyAwLjU0MzE4MiAwIDE2Ljg5OTggMCAzN0MwIDU3LjEwMDEgMTYuMDI3NyA3My40NTY4IDM2IDczLjk4NjhWMTIzQzM2IDE1NS4wMzMgMTAuMDMyNSAxODEgLTIyIDE4MUgtMjgyQy0zMTQuMDMzIDE4MSAtMzQwIDE1NS4wMzMgLTM0MCAxMjNWNzMuOTg2OEMtMzM5LjY2OCA3My45OTU1IC0zMzkuMzM0IDc0IC0zMzkgNzRDLTMxOC41NjUgNzQgLTMwMiA1Ny40MzQ1IC0zMDIgMzdDLTMwMiAxNi41NjU1IC0zMTguNTY1IDAgLTMzOSAwQy0zMzkuMzM0IDAgLTMzOS42NjggMC4wMDQ0MjUwNSAtMzQwIDAuMDEzMjQ0NlYtNDE0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K)0 0/100% 100%;
	mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNzQiIHZpZXdCb3g9IjAgMCAzNiA3NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzk0N18yODQiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSI3NCI+CjxyZWN0IHdpZHRoPSIzNiIgaGVpZ2h0PSI3NCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTQ3XzI4NCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS0zNDAgLTQxNEMtMzQwIC00NDYuMDMzIC0zMTQuMDMzIC00NzIgLTI4MiAtNDcySC0yMkMxMC4wMzI1IC00NzIgMzYgLTQ0Ni4wMzMgMzYgLTQxNFYwLjAxMzI0NDZDMTYuMDI3NyAwLjU0MzE4MiAwIDE2Ljg5OTggMCAzN0MwIDU3LjEwMDEgMTYuMDI3NyA3My40NTY4IDM2IDczLjk4NjhWMTIzQzM2IDE1NS4wMzMgMTAuMDMyNSAxODEgLTIyIDE4MUgtMjgyQy0zMTQuMDMzIDE4MSAtMzQwIDE1NS4wMzMgLTM0MCAxMjNWNzMuOTg2OEMtMzM5LjY2OCA3My45OTU1IC0zMzkuMzM0IDc0IC0zMzkgNzRDLTMxOC41NjUgNzQgLTMwMiA1Ny40MzQ1IC0zMDIgMzdDLTMwMiAxNi41NjU1IC0zMTguNTY1IDAgLTMzOSAwQy0zMzkuMzM0IDAgLTMzOS42NjggMC4wMDQ0MjUwNSAtMzQwIDAuMDEzMjQ0NlYtNDE0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K)0 0/100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

.auth__page__three .content form .hr::before {
	transform: translate(36px, -50%);
	right: 0
}

.auth__page__three .content form .hr::after {
	left: 0;
	transform: translate(-36px, -50%) scaleX(-1)
}

.auth__page__three .content form .hr .bg {
	top: 0;
	left: 0;
	height: 200px;
	transform: translateY(-100px);
	z-index: -1
}

.auth__page__three .content form .hr span::before,
.auth__page__three .content form .hr span::after {
	left: 0;
	background-color: #fff;
	width: 500px;
	height: 500px;
	z-index: -1
}

.auth__page__three .content form .hr span::before {
	bottom: 100%;
	transform: translate(-100px, -36px)
}

.auth__page__three .content form .hr span::after {
	top: 100%;
	transform: translate(-100px, 36px)
}

@media only screen and (max-width:359px) {
	.auth__page__three .content {
		padding: 38px 16px 44px
	}
}

.auth__page__four {
	max-width: 817px
}

.auth__page__four .content {
	box-shadow: 0 204px 144px rgba(0, 0, 0, .22)
}

.auth__page__four .content .image,
.auth__page__four .content .left {
	max-width: 50%;
	flex: 0 0 auto
}

.auth__page__four .content .image {
	z-index: 2
}

.auth__page__four .content .image::before {
	right: 100%;
	bottom: 52px;
	background: url(./../../images/shape-01.png)0 0 no-repeat;
	background-size: 100% 100%;
	width: 17px;
	height: 27px;
	z-index: -1
}

.auth__page__four .content .image img {
	display: block
}

.auth__page__four .content .left {
	padding: 24px 45px 24px 53px
}

.auth__page__four .content .left .logo {
	max-width: -moz-fit-content;
	max-width: fit-content
}

.auth__page__four .content .left .logo img {
	margin-left: 12px
}

.auth__page__four .content .left .logo .name {
	font-size: 12px;
	font-weight: 800;
	line-height: 17px;
	color: #212121;
	margin-bottom: 5px
}

.auth__page__four .content .left .logo .name__en {
	font-size: 12px;
	color: #919191;
	line-height: 12px;
	direction: ltr
}

.auth__page__four .content .left .title {
	margin: 37px 0 15px;
	font-size: 16px;
	font-weight: 500
}

.auth__page__four .content .left .title b {
	font-weight: 800
}

.auth__page__four .content .left p {
	font-size: 13px;
	color: #989898;
	line-height: 18px;
	margin-bottom: 34px
}

.auth__page__four .content .left form .auth__page__form__group {
	margin-bottom: 27px
}

.auth__page__four .content .left form .auth__page__form__group img {
	right: 21px
}

.auth__page__four .content .left form .auth__page__form__control {
	box-shadow: 4px 5px 0 rgba(0, 0, 0, .25);
	background-color: #fff4e7;
	border: 1px solid #000;
	height: 51px;
	padding-right: 47px;
	color: #4e5764
}

.auth__page__four .content .left form .auth__page__form__control:focus {
	background-color: #fff
}

.auth__page__four .content .left form .auth__page__btn {
	box-shadow: 4px 6px 0 rgba(0, 0, 0, .25);
	border: 1px solid #000;
	padding: 17px 16px;
	line-height: 20px;
	margin-bottom: 38px
}

.auth__page__four .content .left .btns {
	gap: 21px
}

.auth__page__four .content .left .btns .auth__page__btn {
	background-color: #fff;
	box-shadow: 4px 5px 0 rgba(0, 0, 0, .25);
	border: 1px solid #000;
	font-size: 12px;
	font-weight: 800;
	color: #121212;
	padding: 15px 8px;
	z-index: 2;
	overflow: hidden;
	line-height: 21px
}

.auth__page__four .content .left .btns .auth__page__btn i {
	font-size: 13px;
	margin-left: 9px
}

.auth__page__four .content .left .btns .auth__page__btn i.auth-icon-security {
	font-size: 18px
}

.auth__page__four .content .left .btns .auth__page__btn::before {
	top: 0;
	left: 0;
	height: 100%;
	background: url(./../../images/bg-btn.png)top left no-repeat;
	background-size: cover;
	z-index: -1;
	transition: all .3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-100%)
}

.auth__page__four .content .left .btns .auth__page__btn:hover::before,
.auth__page__four .content .left .btns .auth__page__btn.active::before {
	opacity: 1;
	visibility: visible;
	transform: translateX(0)
}

@media only screen and (max-width:767px) {
	.auth__page__four {
		max-width: 408px
	}

	.auth__page__four .content .image {
		display: none
	}

	.auth__page__four .content .left {
		padding: 48px 24px;
		max-width: 100%
	}

	.auth__page__four .content .left .btns {
		gap: 12px
	}
}

.auth__page__five {
	max-width: 611px;
	margin: 0 auto 71px;
	border-radius: 10px;
	padding-bottom: 24px
}

.auth__page__five,
.auth__page__five::before {
	background: url(./../../images/image-04.png)top 56px left no-repeat;
	background-size: 100%
}

.auth__page__five::before {
	top: 65px;
	left: 0;
	height: 100%;
	z-index: -2;
	border-radius: 10px;
	filter: blur(27px);
	opacity: .7;
	transform: matrix(-1, 0, 0, 1, 0, 0)
}

.auth__page__five::after {
	top: 102px;
	right: -20px;
	bottom: -21px;
	left: -24px;
	background-color: rgba(255, 255, 255, .1);
	border: 2px solid #fff;
	box-shadow: 0 84px 234px rgba(0, 0, 0, .05), inset 0 4px 54px rgba(255, 255, 255, .25);
	border-radius: 10px;
	z-index: -1;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px)
}

.auth__page__five .content {
	max-width: 315px;
	border-radius: 10px;
	box-shadow: 0 84px 134px rgba(0, 0, 0, .15);
	padding: 47px 38px 27px
}

.auth__page__five .content .logo img {
	margin-left: 13px
}

.auth__page__five .content .logo .name {
	font-size: 12px;
	font-weight: 800;
	line-height: 17px;
	color: #212121
}

.auth__page__five .content .logo .name__en {
	direction: ltr;
	font-size: 12px;
	line-height: 15px;
	color: #919191;
	margin-top: 4px
}

.auth__page__five .content .avatar {
	text-align: center;
	margin: 28px 0 22px
}

.auth__page__five .content .avatar img {
	border-radius: 50%;
	margin: 0 auto 16px
}

.auth__page__five .content .avatar .title {
	font-weight: 500;
	color: #494949;
	margin-bottom: 9px
}

.auth__page__five .content .avatar .title b {
	font-weight: 800;
	color: #000
}

.auth__page__five .content .avatar .sub__title {
	font-size: 12px;
	color: #919191;
	line-height: 15px
}

.auth__page__five .content form .auth__page__form__group {
	margin-bottom: 19px
}

.auth__page__five .content form .auth__page__form__group img {
	right: 20px
}

.auth__page__five .content form .auth__page__form__control {
	background-color: #fff4e7;
	border: 1px solid #fff4e7;
	height: 48px;
	padding-right: 40px;
	color: #4e5764;
	border-radius: 8px
}

.auth__page__five .content form .auth__page__form__control:focus {
	background-color: #fff;
	border: .5px solid #f0f0f0;
	box-shadow: 0 54px 94px rgba(0, 0, 0, .07)
}

.auth__page__five .content form .auth__page__btn {
	border-radius: 8px;
	padding: 11px 12px;
	line-height: 20px
}

.auth__page__five .content .btns {
	border-top: 1px solid rgba(145, 145, 145, .2);
	margin-top: 26px;
	padding-top: 22px
}

.auth__page__five .content .btns>a {
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 30px 54px rgba(0, 0, 0, .16);
	font-size: 12px;
	font-weight: 800;
	color: #121212;
	padding: 16px 31px;
	line-height: 21px
}

.auth__page__five .content .btns>a img {
	margin-left: 8px
}

.auth__page__five .content .btns>a:hover {
	background-color: #b1967d;
	color: #fff
}

.auth__page__five .text {
	text-align: center;
	font-size: 15px;
	line-height: 23px;
	margin-top: 34px
}

.auth__page__five__two {
	background: unset;
	max-width: 817px;
	margin-bottom: 0;
	padding-bottom: 0
}

.auth__page__five__two::before,
.auth__page__five__two::after {
	content: none
}

.auth__page__five__two .content {
	max-width: 100%;
	padding: 0
}

.auth__page__five__two .content .image,
.auth__page__five__two .content .left {
	max-width: 50%
}

.auth__page__five__two .content .image img {
	border-radius: 11px 30px 30px 11px
}

.auth__page__five__two .content .left {
	padding: 41px 41px 41px 50px;
	z-index: 2
}

.auth__page__five__two .content .left::before,
.auth__page__five__two .content .left::after {
	z-index: -1;
	background: url(./../../images/shape-02.png)0 0 no-repeat;
	background-size: 100% 100%
}

.auth__page__five__two .content .left::before {
	right: 0;
	bottom: 30px;
	width: 77px;
	height: 213px
}

.auth__page__five__two .content .left::after {
	background-image: url(./../../images/shape-03.png);
	width: 104px;
	height: 169px;
	top: 63px;
	left: 0
}

.auth__page__five__two .content .left .avatar {
	margin: 51px 0 46px
}

.auth__page__five__two .content .left .avatar img {
	margin: 0 0 0 10px
}

.auth__page__five__two .content .left .avatar .title {
	line-height: 20px;
	margin-bottom: 7px
}

.auth__page__five__two .content .left .avatar .sub__title {
	line-height: 13px
}

.auth__page__five__two .content .left .auth__page__form__control,
.auth__page__five__two .content .left .auth__page__form__control:focus {
	border: 0
}

.auth__page__five__two .content .left .btns {
	margin-top: 43px;
	padding-top: 0;
	border: 0
}

@media only screen and (max-width:767px) {
	.auth__page__five {
		margin-bottom: 0;
		background-position: center;
		background-size: cover;
		padding: 24px 0
	}

	.auth__page__five::before,
	.auth__page__five::after {
		content: none
	}

	.auth__page__five .text {
		display: none
	}

	.auth__page__five__two {
		max-width: 408px
	}

	.auth__page__five__two .content .image {
		display: none
	}

	.auth__page__five__two .content .left {
		max-width: 100%
	}
}

@media only screen and (max-width:575px) {
	.auth__page__five {
		margin: -24px -12px;
		width: calc(100% + 24px);
		border-radius: 0;
		padding: 24px 12px
	}

	.auth__page__five .content {
		padding: 40px 24px
	}

	.auth__page__five__two .content {
		padding: 0
	}

	.auth__page__five__two .content .left {
		padding: 40px 24px
	}
}

.auth__page__six,
.auth__page__seven {
	max-width: 817px
}

.auth__page__six .image,
.auth__page__six .left,
.auth__page__seven .image,
.auth__page__seven .left {
	max-width: 50%
}

.auth__page__six .btns,
.auth__page__seven .btns {
	gap: 21px
}

.auth__page__six .btns>a,
.auth__page__seven .btns>a {
	border: 1px solid #e8e8e8;
	border-radius: 15px;
	background-color: #fff;
	padding: 12px 12px;
	font-size: 12px;
	font-weight: 800;
	color: #121212
}

.auth__page__six .btns>a img,
.auth__page__seven .btns>a img {
	margin-left: 8px
}

.auth__page__six .btns>a.active,
.auth__page__six .btns>a:hover,
.auth__page__seven .btns>a.active,
.auth__page__seven .btns>a:hover {
	box-shadow: 0 30px 54px rgba(0, 0, 0, .07);
	border-color: #fff
}

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

	.auth__page__six,
	.auth__page__seven {
		max-width: 408px
	}

	.auth__page__six .image,
	.auth__page__seven .image {
		display: none
	}

	.auth__page__six .left,
	.auth__page__seven .left {
		max-width: 100%
	}
}

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

	.auth__page__six .btns,
	.auth__page__seven .btns {
		gap: 12px
	}
}

.auth__page__six .content {
	box-shadow: 0 204px 144px rgba(0, 0, 0, .22)
}

.auth__page__six .content .image img {
	border-radius: 11px 30px 30px 11px
}

.auth__page__six .content .left {
	padding: 70px 41px 52px
}

.auth__page__six .content .left .logo img {
	margin-left: 10px
}

.auth__page__six .content .left .logo .name {
	font-size: 12px;
	font-weight: 800;
	color: #212121;
	line-height: 17px;
	margin-bottom: 4px
}

.auth__page__six .content .left .logo .name__en {
	font-size: 12px;
	color: #919191;
	line-height: 16px
}

.auth__page__six .content .left .title {
	font-size: 16px;
	font-weight: 500;
	margin: 42px 0 15px
}

.auth__page__six .content .left .title b {
	font-weight: 800
}

.auth__page__six .content .left p {
	font-size: 13px;
	line-height: 18px;
	color: #989898;
	margin-bottom: 27px
}

.auth__page__six .content .left .auth__page__form__group {
	margin-bottom: 31px
}

.auth__page__six .content .left .auth__page__form__group img {
	right: 21px
}

.auth__page__six .content .left .auth__page__form__control {
	background-color: #fff4e7;
	height: 51px;
	padding-right: 47px;
	color: #4e5764
}

.auth__page__six .content .left .auth__page__form__control:focus {
	background-color: #fff;
	box-shadow: 0 54px 94px rgba(0, 0, 0, .07)
}

.auth__page__six .content .left .auth__page__btn {
	padding: 18px 12px;
	margin-bottom: 32px;
	line-height: 20px
}

@media only screen and (max-width:575px) {
	.auth__page__six .content {
		border-radius: 20px
	}

	.auth__page__six .content .left {
		padding: 40px 20px
	}

	.auth__page__six .content .left .btns {
		gap: 12px
	}
}

.auth__page__seven .content .left {
	padding: 59px 41px
}

.auth__page__seven .content .left .logo img {
	margin-left: 9px
}

.auth__page__seven .content .left .logo .name {
	font-weight: 700;
	color: #121212;
	margin-bottom: 2px
}

.auth__page__seven .content .left .logo .name__en {
	font-size: 12px;
	line-height: 14px;
	direction: ltr
}

.auth__page__seven .content .left .title {
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
	margin: 30px 0 18px
}

.auth__page__seven .content .left .title b {
	font-weight: 800
}

.auth__page__seven .content .left p {
	font-size: 13px;
	line-height: 18px;
	color: #989898;
	margin-bottom: 33px
}

.auth__page__seven .content .left .auth__page__form__group {
	margin-bottom: 0
}

.auth__page__seven .content .left .auth__page__form__group:not(:first-child) {
	margin-top: 31px
}

.auth__page__seven .content .left .auth__page__form__group img {
	right: 21px
}

.auth__page__seven .content .left .auth__page__form__control {
	padding-right: 47px;
	height: 51px;
	background-color: #edeff8;
	color: #4e5764
}

.auth__page__seven .content .left .auth__page__form__control:focus {
	background-color: #fff;
	box-shadow: 0 54px 94px rgba(0, 0, 0, .07)
}

.auth__page__seven .content .left .auth__page__btn {
	margin: 25px 0 42px
}

.auth__page__seven .content .image img {
	border-radius: 30px 11px 11px 30px
}

@media only screen and (max-width:575px) {
	.auth__page__seven .content .left {
		padding: 40px 20px
	}
}

.auth__page__eight .content {
	max-width: 817px;
	box-shadow: 0 64px 144px rgba(0, 0, 0, .25)
}

.auth__page__eight .content .right {
	flex: 1 0 1%;
	padding: 32px 60px;
	align-self: center
}

.auth__page__eight .content .right .wellcome {
	text-align: center;
	margin-bottom: 28px
}

.auth__page__eight .content .right .wellcome .image {
	z-index: 2;
	max-width: -moz-fit-content;
	max-width: fit-content;
	margin: 0 auto 16px
}

.auth__page__eight .content .right .wellcome .image::before {
	top: 0;
	right: 0;
	background-color: #4a1aaf;
	width: 53px;
	height: 52px;
	filter: blur(57px);
	transform: translate(2px, -4px);
	z-index: -1
}

.auth__page__eight .content .right .wellcome .image img {
	border-radius: 50%;
	filter: drop-shadow(0 9px 11px rgba(0, 0, 0, .25))
}

.auth__page__eight .content .right .wellcome .title {
	font-weight: 500;
	color: #494949;
	margin-bottom: 6px
}

.auth__page__eight .content .right .wellcome .title b {
	font-weight: 800;
	color: #000
}

.auth__page__eight .content .right .wellcome .sub__title {
	font-size: 12px;
	color: #919191;
	line-height: 18px
}

.auth__page__eight .content .right .btns {
	gap: 18px;
	margin-bottom: 51px
}

.auth__page__eight .content .right .btns>a {
	background-color: rgba(241, 245, 251, .9);
	box-shadow: 0 84px 134px rgba(0, 0, 0, .05);
	border-radius: 3px;
	font-size: 12px;
	font-weight: 800;
	line-height: 20px;
	max-width: calc(50% - 9px);
	padding: 13px 12px;
	color: #121212
}

.auth__page__eight .content .right .btns>a img {
	margin-left: 3px
}

.auth__page__eight .content .right .btns>a:hover,
.auth__page__eight .content .right .btns>a.active {
	background-color: #4d1ab8;
	box-shadow: 0 20px 74px rgba(77, 26, 184, .15);
	color: #fff
}

.auth__page__eight .content .right .btns>a:hover img,
.auth__page__eight .content .right .btns>a.active img {
	filter: invert(1) hue-rotate(180deg)
}

.auth__page__eight .content .right .auth__page__form__group {
	margin: 0
}

.auth__page__eight .content .right .auth__page__form__group:not(:first-child) {
	margin-top: 7px
}

.auth__page__eight .content .right .auth__page__form__group img {
	right: 15px
}

.auth__page__eight .content .right .auth__page__form__control {
	border: 1px solid rgba(145, 145, 145, .5);
	box-shadow: 0 54px 54px rgba(0, 0, 0, .02);
	background-color: #fff;
	padding-right: 41px;
	border-radius: 0;
	height: 44px
}

.auth__page__eight .content .right .not__account {
	font-size: 12px;
	line-height: 18px;
	color: #919191;
	margin: 14px 0 27px
}

.auth__page__eight .content .right .not__account a {
	font-weight: 500;
	color: #4d1ab8
}

.auth__page__eight .content .right .auth__page__btn {
	border-radius: 5px;
	font-weight: 600;
	line-height: 20px;
	padding: 11px 12px
}

.auth__page__eight .content .left {
	max-width: 418px;
	flex: 0 0 auto;
	background: url(./../../images/image-10.png)0 0 no-repeat;
	background-size: 100% 100%;
	padding: 61px 46px 28px;
	border-radius: 30px 11px 11px 30px;
	overflow: hidden
}

.auth__page__eight .content .left .image {
	z-index: 2;
	margin-bottom: 65px
}

.auth__page__eight .content .left .image::before {
	top: -21px;
	right: -25px;
	bottom: -21px;
	left: -20px;
	background: url(./../../images/shape-04.png)0 0 no-repeat;
	background-size: 100% 100%;
	z-index: -2
}

.auth__page__eight .content .left .image::after {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 31px);
	box-shadow: 0 84px 234px rgba(0, 0, 0, .25);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, .1);
	width: calc(100% - 90px);
	height: 200px;
	z-index: -1
}

.auth__page__eight .content .left .title {
	font-size: 14px;
	color: #fff;
	font-weight: 900;
	line-height: 26px;
	margin-bottom: 4px
}

.auth__page__eight .content .left .title span {
	color: rgba(255, 255, 255, .7);
	font-weight: 400
}

.auth__page__eight .content .left p {
	font-size: 12px;
	line-height: 22px;
	color: #e1e1e1
}

.auth__page__eight .content .left .swiper {
	padding-bottom: 20px
}

.auth__page__eight .content .left .swiper-pagination {
	right: 0;
	bottom: 0;
	left: auto;
	transform: unset;
	max-width: -moz-fit-content;
	max-width: fit-content
}

.auth__page__eight .content .left .swiper-pagination-bullet {
	width: 4px;
	height: 4px;
	border-radius: 0;
	opacity: 1;
	background-color: rgba(255, 255, 255, .3);
	transition: all .3s linear
}

.auth__page__eight .content .left .swiper-pagination-bullet-active {
	width: 36px;
	background-color: #fff
}

@media only screen and (max-width:799px) {
	.auth__page__eight .content .right {
		padding: 32px 40px
	}
}

@media only screen and (max-width:767px) {
	.auth__page__eight .content {
		max-width: 399px;
		border-radius: 20px
	}

	.auth__page__eight .content .left {
		display: none
	}
}

@media only screen and (max-width:399px) {
	.auth__page__eight .content .right {
		padding: 32px 20px
	}

	.auth__page__eight .content .right .btns {
		gap: 12px
	}
}

.auth__page__nine {
	max-width: 801px
}

.auth__page__nine .content {
	background-color: 0 204px 144px rgba(0, 0, 0, .22)
}

.auth__page__nine .content .image {
	width: 374px
}

.auth__page__nine .content .image img {
	border-radius: 11px 30px 30px 11px
}

.auth__page__nine .content .left {
	flex: 1 0 1%;
	padding: 44px 49px
}

.auth__page__nine .content .left .logo {
	font-weight: 800;
	color: #1a47b8
}

.auth__page__nine .content .left .logo img {
	margin-left: 7px
}

.auth__page__nine .content .left .title {
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
	margin: 26px 0 18px
}

.auth__page__nine .content .left .title b {
	font-weight: 800
}

.auth__page__nine .content .left p {
	font-size: 13px;
	line-height: 18px;
	color: #989898;
	margin-bottom: 43px
}

.auth__page__nine .content .left .auth__page__form__group img {
	right: 21px
}

.auth__page__nine .content .left .auth__page__form__control {
	height: 51px;
	background-color: #f1f5fb;
	padding-right: 47px
}

.auth__page__nine .content .left .auth__page__form__control:focus {
	background-color: #fff;
	box-shadow: 0 54px 94px rgba(0, 0, 0, .07)
}

.auth__page__nine .content .left .auth__page__btn {
	padding: 12px 12px;
	margin-bottom: 29px
}

.auth__page__nine .content .left .btns {
	gap: 21px
}

.auth__page__nine .content .left .btns>a {
	background-color: #f1f5fb;
	border: 1px solid #f1f5fb;
	border-radius: 15px;
	box-shadow: 0 84px 134px rgba(0, 0, 0, .05);
	font-size: 12px;
	font-weight: 800;
	line-height: 18px;
	color: #121212;
	padding: 16px 12px;
	line-height: 21px
}

.auth__page__nine .content .left .btns>a img {
	margin-left: 6px
}

.auth__page__nine .content .left .btns>a:hover,
.auth__page__nine .content .left .btns>a.active {
	background-color: #1a47b8;
	border-color: #e8e8e8;
	box-shadow: 0 30px 54px rgba(26, 71, 184, .24);
	color: #fff
}

.auth__page__nine .content .left .btns>a:hover img,
.auth__page__nine .content .left .btns>a.active img {
	filter: invert(1) hue-rotate(180deg)
}

@media only screen and (max-width:767px) {
	.auth__page__nine {
		max-width: 427px
	}

	.auth__page__nine .content .image {
		display: none
	}
}

@media only screen and (max-width:575px) {
	.auth__page__nine .content .left {
		padding: 32px 20px
	}

	.auth__page__nine .content .left .btns {
		gap: 12px
	}
}

.auth__page__ten .content {
	max-width: 801px;
	box-shadow: 0-26px 154px rgba(0, 0, 0, .02)
}

.auth__page__ten .content .right {
	flex: 1 0 1%;
	padding: 32px 48px 32px 36px
}

.auth__page__ten .content .right .heading {
	padding-right: 44px
}

.auth__page__ten .content .right .heading::before {
	top: 0;
	right: 0;
	width: 33px;
	height: 59px;
	background: url(./../../images/pattern.svg)0 0 no-repeat;
	background-size: 100% 100%
}

.auth__page__ten .content .right .heading .title {
	font-size: 23px;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 13px
}

.auth__page__ten .content .right .heading .title b {
	font-weight: 800
}

.auth__page__ten .content .right .heading p {
	font-size: 12px;
	font-weight: 500;
	color: #494949;
	line-height: 17px
}

.auth__page__ten .content .right .btns {
	margin: 45px 0 44px;
	gap: 21px
}

.auth__page__ten .content .right .btns>a {
	max-width: calc(50% - 10.5px);
	background-color: #fbfbfb;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 800;
	color: #939393;
	line-height: 21px;
	padding: 16px 12px
}

.auth__page__ten .content .right .btns>a img {
	margin-left: 6px;
	opacity: .4
}

.auth__page__ten .content .right .btns>a:hover,
.auth__page__ten .content .right .btns>a.active {
	background-color: #fff;
	box-shadow: -70px 32px 94px rgba(0, 0, 0, .08);
	color: #121212
}

.auth__page__ten .content .right .btns>a:hover img,
.auth__page__ten .content .right .btns>a.active img {
	opacity: 1
}

.auth__page__ten .content .right .auth__page__form__group {
	margin-bottom: 32px
}

.auth__page__ten .content .right .auth__page__form__group img {
	right: 21px
}

.auth__page__ten .content .right .auth__page__form__control {
	padding-right: 47px;
	height: 51px;
	background-color: #f8f8f8
}

.auth__page__ten .content .right .auth__page__form__control:focus {
	background-color: #fff;
	box-shadow: 0 44px 64px rgba(0, 0, 0, .06)
}

.auth__page__ten .content .image {
	max-width: 406px
}

.auth__page__ten .content .image img {
	border-radius: 30px 11px 11px 30px;
	display: block
}

@media only screen and (max-width:767px) {
	.auth__page__ten .content {
		max-width: 400px
	}

	.auth__page__ten .content .image {
		display: none
	}
}

@media only screen and (max-width:575px) {
	.auth__page__ten .content {
		border-radius: 20px
	}

	.auth__page__ten .content .right {
		padding: 32px 20px
	}

	.auth__page__ten .content .right .btns {
		gap: 12px
	}
}

.auth__page__eleven {
	max-width: 431px
}

.auth__page__eleven .logo {
	padding: 23px 28px 17px;
	max-width: -moz-fit-content;
	max-width: fit-content
}

.auth__page__eleven .logo::before {
	top: 0;
	left: 0;
	height: 200%;
	border: 2px solid #fff;
	background-color: rgba(255, 255, 255, .1);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: 0 84px 234px rgba(0, 0, 0, .05), inset 0 4px 54px rgba(255, 255, 255, .25);
	z-index: -1
}

.auth__page__eleven .logo img {
	margin-left: 13px
}

.auth__page__eleven .logo .name {
	line-height: 16px;
	margin-bottom: 9px
}

.auth__page__eleven .logo .name,
.auth__page__eleven .logo .name__en {
	font-size: 12px;
	font-weight: 700;
	color: #848484
}

.auth__page__eleven .logo .name b,
.auth__page__eleven .logo .name__en b {
	font-weight: 900;
	color: #121212
}

.auth__page__eleven .logo .name__en {
	line-height: 13px
}

.auth__page__eleven .wrapper {
	padding: 0 17px 38px
}

.auth__page__eleven .wrapper::before {
	top: 87px;
	bottom: 0;
	left: 0;
	border: 2px solid #fff;
	background-color: rgba(255, 255, 255, .1);
	box-shadow: 0 84px 234px rgba(0, 0, 0, .05), inset 0 4px 54px rgba(255, 255, 255, .25);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	z-index: -1
}

.auth__page__eleven .wrapper::after {
	left: 0;
	transform: translate(-85px, -50%);
	width: 133px;
	height: 133px;
	background-color: rgba(255, 75, 75, .2);
	filter: blur(62px);
	z-index: -1
}

.auth__page__eleven .content {
	border: 1px solid #efefef;
	box-shadow: 0 84px 134px rgba(0, 0, 0, .15);
	padding: 44px 44px 41px
}

.auth__page__eleven .content .title,
.auth__page__eleven .content p {
	text-align: center
}

.auth__page__eleven .content .title {
	font-size: 23px;
	line-height: 32px;
	font-weight: 500
}

.auth__page__eleven .content .title b {
	font-weight: 800
}

.auth__page__eleven .content p {
	margin: 20px 0 26px;
	font-size: 13px;
	color: #494949
}

.auth__page__eleven .content .info {
	max-width: -moz-fit-content;
	max-width: fit-content;
	margin: 0 auto 28px;
	border: 1px solid #dcdcdc;
	padding: 16px;
	border-radius: 16px
}

.auth__page__eleven .content .info img {
	border-radius: 50%;
	box-shadow: 0 9px 11px rgba(0, 0, 0, .25);
	margin-left: 9px
}

.auth__page__eleven .content .info .name {
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
	color: #494949;
	margin-bottom: 6px
}

.auth__page__eleven .content .info .wellcome {
	font-size: 12px;
	color: #919191;
	line-height: 13px
}

.auth__page__eleven .content .auth__page__form__group {
	margin-bottom: 0
}

.auth__page__eleven .content .auth__page__form__group:not(:first-child) {
	margin-top: 24px
}

.auth__page__eleven .content .auth__page__form__group img {
	right: 29px
}

.auth__page__eleven .content .auth__page__form__group.telephone img {
	opacity: .4
}

.auth__page__eleven .content .auth__page__form__group.telephone .auth__page__form__control {
	color: #919191
}

.auth__page__eleven .content .auth__page__form__group.telephone a {
	color: #d93543;
	border: 1px solid #d93543;
	border-radius: 15px;
	font-size: 9px;
	line-height: 14px;
	font-weight: 800;
	padding: 11px 18px;
	left: 15px
}

.auth__page__eleven .content .auth__page__form__group.telephone a:hover {
	background-color: #d93543;
	color: #fff
}

.auth__page__eleven .content .auth__page__form__control {
	background-color: #fbfbfc;
	height: 61px;
	border: 1px solid #e8e8e8;
	padding-right: 63px
}

.auth__page__eleven .content .code {
	margin-top: 24px
}

.auth__page__eleven .content .code .inputs {
	gap: 7px;
	direction: ltr
}

.auth__page__eleven .content .code .inputs input {
	height: 61px;
	border: 1px solid #e8e8e8;
	background-color: #fbfbfc;
	border-radius: 15px;
	outline: 0;
	text-align: center;
	max-width: calc(25% - 15px)
}

.auth__page__eleven .content .auth__page__btn {
	margin-top: 29px;
	padding: 21px 30px
}

.auth__page__eleven .content .not__account {
	margin: 34px 0 30px;
	font-size: 12px;
	color: #919191;
	line-height: 22px
}

.auth__page__eleven .content .not__account a {
	font-weight: 800;
	color: #121212
}

.auth__page__eleven .content .btns__auth__app .auth__page__btn {
	margin: 0
}

.auth__page__eleven .content .btns__auth__app .auth__page__btn img {
	margin-left: 8px
}

.auth__page__eleven .content .btns__auth__app .auth__page__btn:not(:last-child) {
	margin-bottom: 19px
}

.auth__page__eleven .btns {
	margin-top: 35px;
	gap: 24px
}

.auth__page__eleven .btns>a {
	background-color: rgba(217, 217, 217, .8);
	box-shadow: 0 84px 134px rgba(0, 0, 0, .15);
	border: 1px solid #e8e8e8;
	border-radius: 15px;
	max-width: 40%;
	padding: 19px 12px;
	font-size: 12px;
	line-height: 21px;
	color: #121212;
	font-weight: 800
}

.auth__page__eleven .btns>a img {
	margin-left: 7px
}

.auth__page__eleven .btns>a:hover,
.auth__page__eleven .btns>a.active {
	background-color: #fff;
	box-shadow: 0 25px 94px rgba(0, 0, 0, .35)
}

@media only screen and (max-width:469px) {
	.auth__page__eleven .wrapper {
		padding: 0 12px 32px
	}

	.auth__page__eleven .content {
		padding: 32px 20px
	}

	.auth__page__eleven .btns {
		gap: 12px
	}

	.auth__page__eleven .btns>a {
		max-width: calc(50% - 12px)
	}
}

.auth__mx__auto {
	margin: 0 auto
}

.auth__block {
	display: block
}

.auth__w__fit {
	max-width: -moz-fit-content;
	max-width: fit-content
}

.auth__tab__pane {
	transition: all .3s ease-in-out
}

.auth__page {
	position: relative
}

.auth__page__btn__success {
	background-color: #85c441;
	color: #fff
}

.auth__page__btn__success:hover {
	background-color: #70a834
}

.auth__page__btn__dark__2 {
	background-color: #052b61;
	color: #fff
}

.auth__page__btn__dark__2:hover {
	background-color: #073c88
}

.auth__page__btn__purple {
	background-color: #651fff;
	color: #fff
}

.auth__page__btn__purple:hover {
	background-color: #4d00f5
}

.auth__page__btn__danger__2 {
	background-color: #ef4056;
	color: #fff
}

.auth__page__btn__danger__2:hover {
	background-color: #ec1a35
}

.auth__page__twelve {
	max-width: 400px;
	padding: 0 0 24px
}

.auth__page__twelve__logo {
	margin-bottom: 30px;
	top: 40px;
	left: 50%;
	transform: translateX(-50%)
}

.auth__page__twelve__logo img {
	width: 180px;
	height: auto
}

.auth__page__twelve__wrapper {
	padding: 30px 25px 10px
}

.auth__page__twelve__wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 55px;
	left: 0;
	width: 100%;
	border-radius: 25px;
	box-shadow: 0 2px 8px rgba(13, 60, 95, .1);
	background-color: rgba(255, 255, 255, .45);
	z-index: 0
}

.auth__page__twelve__tabs {
	gap: 8px;
	margin: 0 18px 30px;
	position: relative
}

.auth__page__twelve__tabs li {
	padding: 10px;
	font-size: 17px;
	width: 100%;
	max-width: calc(50% - 4px);
	text-align: center;
	color: #0e1935;
	font-weight: 500;
	border-radius: 10px;
	line-height: 27px;
	cursor: pointer
}

.auth__page__twelve__tabs li.active {
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(13, 60, 95, .1)
}

.auth__page__twelve__content {
	position: relative;
	background-color: #fff;
	padding: 30px 25px 25px;
	border-radius: 25px;
	box-shadow: 0 2px 8px rgba(13, 60, 95, .1)
}

.auth__page__twelve__content img {
	width: 105px;
	height: 105px;
	margin-bottom: 45px
}

.auth__page__twelve__content form .auth__page__form__group {
	margin-bottom: 10px
}

.auth__page__twelve__content form .auth__page__form__control {
	padding: 0 30px;
	height: 60px;
	font-size: 16px;
	font-weight: 700;
	border: 1px solid #dfe1e8;
	background-color: #fff;
	border-radius: 15px
}

.auth__page__twelve__content form .auth__page__form__control:focus {
	border-color: #1ebcc5;
	color: #1ebcc5
}

.auth__page__twelve__content form .auth_check a {
	color: #1ebcc5;
	font-weight: 700
}

.auth__page__twelve__content form .link {
	margin-bottom: 25px;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
	color: #8a929c
}

.auth__page__twelve__content form .link:hover {
	color: #1ebcc5
}

.auth__page__twelve__content form .link i {
	font-size: 16px;
	margin: 0 8px 0 12px
}

.auth__page__twelve__content form .auth__page__btn {
	min-width: 140px;
	margin-right: auto;
	padding: 13px 10px;
	border-radius: 10px;
	line-height: 24px
}

.auth__page__twelve__nav {
	gap: 8px;
	flex-wrap: wrap;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%
}

.auth__page__twelve__nav li a {
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: #0e1935
}

.auth__page__twelve__nav li a:hover {
	font-weight: 700
}

@media only screen and (max-width:575px) {
	.auth__page__twelve__wrapper {
		padding: 24px 8px 10px
	}

	.auth__page__twelve__tabs li {
		font-size: 15px
	}

	.auth__page__twelve__content {
		padding: 20px 12px
	}

	.auth__page__twelve__content form .auth__page__form__control {
		height: 50px
	}

	.auth__page__twelve__content form .auth__page__btn {
		width: 100%;
		min-width: 100%;
		padding: 9px 10px
	}
}

.auth__page__thirteen {
	min-height: 100vh;
	margin: -24px -12px
}

.auth__page__thirteen__row {
	flex-wrap: wrap;
	min-height: 100vh
}

.auth__page__thirteen__col {
	width: 100%;
	flex: 0 0 auto
}

.auth__page__thirteen__col:first-child {
	max-width: 40%;
	padding: 24px;
	flex-direction: column
}

.auth__page__thirteen__col:last-child {
	max-width: 60%
}

.auth__page__thirteen__not__account {
	font-size: 12px;
	line-height: 18px;
	color: #001a3f
}

.auth__page__thirteen__not__account a {
	font-size: 14px;
	line-height: 25px;
	color: #0c68f4;
	font-weight: 700;
	padding: 0 8px;
	border-radius: 8px
}

.auth__page__thirteen__not__account a:hover {
	background-color: rgba(12, 104, 244, .04)
}

.auth__page__thirteen__content {
	max-width: 560px;
	width: 100%;
	padding: 88px 40px;
	margin: auto
}

.auth__page__thirteen__content .title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 16px;
	line-height: 36px
}

.auth__page__thirteen__content .note {
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 24px;
	color: #476185
}

.auth__page__thirteen__content .note a {
	background-color: #e5faf3;
	border-radius: 4px;
	line-height: 24px;
	color: #34b288;
	padding: 0 8px;
	font-size: 14px;
	font-weight: 700;
	margin: 0 4px
}

.auth__page__thirteen__content form label {
	font-size: 14px;
	line-height: 25px;
	font-weight: 500;
	color: #001a3f;
	display: inline-block;
	margin-bottom: 8px
}

.auth__page__thirteen__content form .auth__page__form__group {
	margin-bottom: 32px
}

.auth__page__thirteen__content form .auth__page__form__control {
	border: 1px solid #bcc9dc;
	padding: 0 12px;
	height: 48px;
	border-radius: 8px;
	background-color: transparent;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px
}

.auth__page__thirteen__content form .auth__page__form__control:hover {
	border-color: #8d9fb9
}

.auth__page__thirteen__content form .auth__page__form__control:focus {
	border-color: #052b61;
	box-shadow: 0 0 0 2px #e2e9f3
}

.auth__page__thirteen__content form .note__form {
	margin-top: 8px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	color: #476185
}

.auth__page__thirteen__content form .note__form i {
	font-size: 16px;
	line-height: 1;
	margin-left: 8px
}

.auth__page__thirteen__content form .auth__page__btn {
	border-radius: 8px;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 12px
}

.auth__page__thirteen__image {
	height: 100%;
	width: 100%;
	background-color: #081e68
}

@media only screen and (max-width:991px) {
	.auth__page__thirteen__col:first-child {
		max-width: 100%
	}

	.auth__page__thirteen__col:last-child {
		display: none
	}
}

@media only screen and (max-width:575px) {
	.auth__page__thirteen__col:first-child {
		padding: 16px
	}

	.auth__page__thirteen__content {
		padding: 40px 8px
	}
}

.auth__page__fourteen {
	max-width: 500px;
	width: 100%
}

.auth__page__fourteen__logo {
	margin-bottom: 20px
}

.auth__page__fourteen__content {
	border-radius: 20px
}

.auth__page__fourteen__tabs {
	background-color: #f5f5f5
}

.auth__page__fourteen__tabs,
.auth__page__fourteen__tabs li {
	border-radius: 20px 20px 0 0
}

.auth__page__fourteen__tabs li {
	padding: 15.5px 14px;
	width: 100%;
	flex: 0 0 auto;
	max-width: 50%;
	color: #aaa;
	cursor: pointer
}

.auth__page__fourteen__tabs li::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 100%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBpZD0ic2ltdWxhdGVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNIDQwMCAwIGggMCBhIDAgMCAwIDAgMCAwIDAgdiA0MDAgYSAwIDAgMCAwIDAgMCAwIGggLTQwMCBhIDAgMCAwIDAgMCAwIDAgdiAwIGEgNDAwIDQwMCAwIDAgMCA0MDAgLTQwMCBaIj48L3BhdGg+Cjwvc3ZnPg==);
	width: 20px;
	height: 20px;
	background-size: 20px;
	transition: all .3s ease-in-out;
	opacity: 0
}

.auth__page__fourteen__tabs li:nth-child(2)::before {
	right: auto;
	left: 100%;
	transform: rotateY(180deg)
}

.auth__page__fourteen__tabs li i {
	font-size: 24px;
	line-height: 1;
	margin-left: 10px
}

.auth__page__fourteen__tabs li .title {
	font-size: 14px;
	font-weight: 600;
	line-height: 28px
}

.auth__page__fourteen__tabs li .sub__title {
	font-size: 12px;
	line-height: 24px;
	margin-top: -5px;
	opacity: .7
}

.auth__page__fourteen__tabs li:not(.active):hover i,
.auth__page__fourteen__tabs li:not(.active):hover .title,
.auth__page__fourteen__tabs li:not(.active):hover .sub__title {
	color: #888
}

.auth__page__fourteen__tabs li.active {
	background-color: #fff
}

.auth__page__fourteen__tabs li.active::before {
	opacity: 1
}

.auth__page__fourteen__tabs li.active i,
.auth__page__fourteen__tabs li.active .title,
.auth__page__fourteen__tabs li.active .sub__title {
	color: #651fff
}

.auth__page__fourteen__title {
	font-size: 18px;
	border-bottom: #ccc 1px dashed;
	padding-bottom: 10px;
	margin: 60px auto 30px;
	color: #999;
	font-weight: 400
}

.auth__page__fourteen form {
	padding: 0 25px 60px
}

.auth__page__fourteen form .auth__page__form__group {
	margin-bottom: 0
}

.auth__page__fourteen form .auth__page__form__group:not(:first-child) {
	margin-top: 30px
}

.auth__page__fourteen form .auth__page__form__group label {
	display: inline-block;
	font-size: 13px;
	color: #777;
	opacity: .7;
	margin-bottom: 7px
}

.auth__page__fourteen form .auth__page__form__group [data-show-password] {
	outline-color: #888;
	font-size: 10px
}

.auth__page__fourteen form .auth__page__form__control {
	padding: 0 10px;
	border-radius: 20px;
	height: 40px;
	color: #495057;
	background-color: #f5f5f5
}

.auth__page__fourteen form .auth__page__form__control:focus {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	background-color: #fff
}

.auth__page__fourteen form .auth__page__btn {
	font-size: 14px;
	line-height: 22px;
	border-radius: 20px;
	padding: 6px 12px
}

.auth__page__fourteen__link {
	padding-bottom: 2px;
	color: #651fff;
	border-bottom: 2px dotted #651fff;
	font-size: 13px;
	line-height: 20px;
	margin: 4px 0 30px
}

.auth__page__fourteen__back__home {
	padding: 14px 10px;
	border-top: 1px solid #eee;
	color: #666;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500
}

.auth__page__fourteen__back__home i {
	margin: -6px 0 0 4px;
	font-size: 10px
}

.auth__page__fourteen__back__home:hover {
	color: #651fff
}

.auth__page__fourteen__text {
	font-size: 13px;
	line-height: 20px;
	color: #777;
	margin: 30px 0 14px;
	font-weight: 500
}

.auth__page__fourteen__text a {
	color: inherit
}

.auth__page__fourteen__text a:hover {
	color: #651fff
}

.auth__page__fifteen {
	width: 100%;
	max-width: 400px;
	border: 1px solid #e0e0e2;
	padding: 32px;
	border-radius: 8px;
	background-color: #fff
}

.auth__page__fifteen__title {
	margin: 16px 0;
	font-size: 19px;
	line-height: 40px;
	font-weight: 700;
	color: #0c0c0c
}

.auth__page__fifteen__text {
	font-size: 12px;
	line-height: 26px;
	color: #3f4064
}

.auth__page__fifteen form {
	margin: 16px 0
}

.auth__page__fifteen form .auth__page__form__control {
	border: 1px solid #c0c2c5;
	background-color: #fff;
	height: 48px;
	border-radius: 8px;
	caret-color: #19bfd3
}

.auth__page__fifteen form .auth__page__form__control:focus {
	border-color: #19bfd3
}

.auth__page__fifteen form .auth__page__btn {
	margin-top: 32px;
	font-size: 14px;
	line-height: 22px;
	padding: 13px 16px;
	border-radius: 8px
}

.auth__page__fifteen__terms {
	font-size: 12px;
	line-height: 18px;
	color: #3f4064;
	font-weight: 500
}

.auth__page__fifteen__terms a {
	margin: 0 4px;
	color: #008eb2
}

@media only screen and (max-width:575px) {
	.auth__page__fifteen {
		padding: 24px 16px
	}
}

.auth__modal .auth__page__twelve {
	padding: 0
}

.auth__modal .auth__page__twelve__logo {
	position: relative;
	margin: 0 auto 24px;
	top: 0;
	left: 0;
	transform: unset
}

.auth__modal .auth__page__thirteen {
	max-width: 500px;
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid #eee;
	margin: 0 auto
}

.auth__modal .auth__page__thirteen,
.auth__modal .auth__page__thirteen__row {
	min-height: auto
}

.auth__modal .auth__page__thirteen__col:first-child {
	max-width: 100%
}

.auth__modal .auth__page__thirteen__content {
	padding-bottom: 0
}

@media only screen and (max-width:991px) {
	.auth__modal .auth__page__thirteen__col:last-child {
		display: block
	}
}

.auth__modal .auth__page__fourteen__content form {
	padding-bottom: 32px
}

.auth__page__eleven .btns>a,
.auth__page__eleven .content .code .inputs input,
.auth__page__eleven .wrapper::before,
.auth__page__eleven .logo::before,
.auth__page__eleven,
.auth__page__ten .content .image img,
.auth__page__ten .content .image,
.auth__page__ten .content .right .btns>a,
.auth__page__ten .content,
.auth__page__nine .content .left .btns>a,
.auth__page__nine,
.auth__page__eight .content .left,
.auth__page__eight .content .right .btns>a,
.auth__page__eight .content,
.auth__page__six .btns>a,
.auth__page__seven .btns>a,
.auth__page__six .image,
.auth__page__six .left,
.auth__page__seven .image,
.auth__page__seven .left,
.auth__page__six,
.auth__page__seven,
.auth__page__five__two .content .image,
.auth__page__five__two .content .left,
.auth__page__five .content,
.auth__page__five::before,
.auth__page__five,
.auth__page__four .content .left .btns .auth__page__btn::before,
.auth__page__four .content .image img,
.auth__page__four .content .image,
.auth__page__four .content .left,
.auth__page__three .content form .hr .bg,
.auth__page__two .content form .code .inputs input,
.auth__page__one,
.auth__page__two,
.auth__page__three,
.auth__page,
.auth__page__wrapper,
.auth__modal__content,
.auth__fix__link,
.auth__tab__item,
.auth__page__form__control,
.auth__page__btn {
	width: 100%
}

/* Helper classes the popup markup uses, copied from main.min.css / Bootstrap. */
.auth__modal .loadlogin {
	border-radius: 20px
}

.auth__modal .iabs {
	position: absolute;
	right: 12px;
	top: 21.5px;
	font-size: 14px
}

.auth__modal .position-relative {
	position: relative
}

/* Verification-code step: kaveh-login-ajax.js injects this markup, so its classes
 * come from main.min.css and Bootstrap utilities rather than the popup template. */
:where(.auth__modal) .pinfocode {
	margin: 20px 6px;
	text-align: right;
	font-weight: 500;
	font-size: 14px
}

:where(.auth__modal) .minput {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	direction: ltr
}

:where(.auth__modal) .verifyinput {
	width: 22%;
	margin-right: 5px;
	border: 1px solid #e6e4e4;
	border-radius: 15px;
	padding: 16px 0;
	background: #f8f7f7;
	color: #000;
	text-align: center;
	font-size: 16px;
	line-height: 1.2
}

:where(.auth__modal) a.bazgasht {
	position: absolute;
	top: 0;
	left: 26px;
	background: #828282;
	color: #fff;
	padding: 7px 10px;
	border-radius: 0 0 15px 15px;
	cursor: pointer
}

:where(.auth__modal) .d-block {
	display: block !important
}

:where(.auth__modal) .mx-auto {
	margin-left: auto !important;
	margin-right: auto !important
}

:where(.auth__modal) .me-2 {
	margin-left: .5rem !important
}

:where(.auth__modal) .text-center {
	text-align: center !important
}

/* Derang custom layouts dequeue Bootstrap and the parent main.min.css, so the
 * base reset the popup is built on (main.min.css lines 754-876) is mirrored here.
 * :where() keeps these at zero specificity so every rule above still wins. */
:where(.auth__modal),
:where(.auth__modal) :where(*, *::before, *::after) {
	box-sizing: border-box;
	list-style: none
}

:where(.auth__modal) {
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	text-align: right;
	direction: rtl;
	color: #212341
}

:where(.auth__modal) :where(ul, ol) {
	padding: 0;
	margin: 0
}

:where(.auth__modal) :where(p) {
	margin-top: 0;
	margin-bottom: 1rem;
	height: auto !important
}

:where(.auth__modal) :where(h1, h2, h3, h4, h5, h6) {
	height: auto !important
}

:where(.auth__modal) :where(img, video, svg, i) {
	vertical-align: middle;
	display: inline-block
}

:where(.auth__modal) :where(img) {
	max-width: 100%;
	height: auto
}

:where(.auth__modal) :where(a, a:hover, a:focus, a:active) {
	color: inherit;
	text-decoration: none
}

:where(.auth__modal) :where(button, select) {
	cursor: pointer
}

:where(.auth__modal) :where(button) {
	border: 0;
	outline: 0;
	background-color: transparent;
	-webkit-appearance: button
}

:where(.auth__modal) :where(button, input, select, textarea) {
	margin: 0;
	font: inherit;
	color: inherit
}

#auth-gajmarket.auth__modal { z-index: 100000; }
.auth__modal__backdrop { z-index: 99999; }