:root { --base-font-size: 15px; --font-light: 300; --font-normal: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; --font-extrabold: 800; --color-secondary: #00bc65; --color-dark: #0e1e3e; --color-dark-2:#626f84; --color-dark-3:#a0aec0; --color-light: #ffffff; --color-border: #e1e2e4; --color-red: #ff5748; --default-border-radius: 8px; --transition-200:.2s ease-in-out }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0 }
* { margin: 0; padding: 0; box-sizing: border-box }
.flex-common, .checkbox-group { display: flex; align-items: center; justify-content: space-between }
.form-control::-moz-placeholder { font-family: var(--base-font-family); font-size: var(--base-font-size); font-style: normal; font-weight: var(--font-normal); line-height: 160% }
.base-font, .form-control, .form-control::placeholder, body { font-family: var(--base-font-family); font-size: var(--base-font-size); font-style: normal; font-weight: var(--font-normal); line-height: 160% }
body { padding: 0; margin: 0; background: #0068e003; color: var(--color-dark); min-width: 320px }
[x-cloak] { display: none }
.rtl { direction: rtl }
.rtl .auth-wrapper .back-to svg { transform: rotate(180deg) }
.login-page .auth-form-header-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px }
.login-page .auth-form-body-top { display: none }
.login-page .dropdown { display: block; z-index: 10000; width: -moz-max-content; width: max-content; position: relative; text-transform: uppercase }
.login-page .dropdown-button { color: #555; border: none; border-radius: 5px; cursor: pointer; width: -moz-max-content; width: max-content; display: flex; align-items: center; background: transparent; position: relative }
.ltr .login-page .dropdown-button { text-align: left }
.rtl .login-page .dropdown-button { text-align: right }
.login-page .dropdown-button.active:after { content: ""; display: block; width: 13px; height: 13px; background: #fff; box-shadow: #63636333 0 2px 5px; border-radius: 4px; position: absolute; bottom: -13px; z-index: 111 }
.ltr .login-page .dropdown-button.active:after { transform: translate(-50%) rotate(130deg); left: 50%; border-top-left-radius: 50% }
.rtl .login-page .dropdown-button.active:after { transform: translate(50%) rotate(-130deg); right: 50%; border-top-right-radius: 50% }
.login-page .dropdown-button.active:before { content: ""; width: 30px; height: 9px; background: #fff; position: absolute; bottom: -14px; z-index: 112; border-radius: 10px }
.ltr .login-page .dropdown-button.active:before { left: 50%; transform: translate(-50%) }
.rtl .login-page .dropdown-button.active:before { right: 50%; transform: translate(50%) }
.login-page .dropdown-button span { font-size: 12px; font-family: var(--base-font-family); font-weight: var(--font-medium); width: -moz-max-content; width: max-content; max-width: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.login-page .dropdown-button svg:first-child { width: 13px }
.ltr .login-page .dropdown-button svg:first-child { margin-right: 5px }
.rtl .login-page .dropdown-button svg:first-child { margin-left: 5px }
.login-page .dropdown-button svg:first-child path { stroke: #000000b3 }
.login-page .dropdown-button svg:last-child { width: 11px; transition: .2s ease-in-out }
.ltr .login-page .dropdown-button svg:last-child { margin-left: 5px }
.rtl .login-page .dropdown-button svg:last-child { margin-right: 5px }
.ltr .login-page .dropdown-button svg.rotate { transform: rotate(180deg) }
.rtl .login-page .dropdown-button svg.rotate { transform: rotate(-180deg) }
.login-page .dropdown-menu { position: absolute; background-color: #fff; box-shadow: #63636333 0 2px 5px; border-radius: 5px; margin-top: 10px; width: 80px; z-index: 100; top: calc(100% - 5px); padding: 9px 0 }
.ltr .login-page .dropdown-menu { right: 0 }
.rtl .login-page .dropdown-menu { left: 0 }
.login-page .dropdown-item { font-weight: var(--font-normal); padding: 6px 11px; text-decoration: none; color: #333; cursor: pointer; transition: background-color .3s ease; font-size: 12px; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.login-page .dropdown-item:hover { background-color: #eee }
.auth-wrapper { display: flex; align-items: center; width: 100%; height: 100vh; overflow: hidden }
.auth-wrapper .back-to { position: fixed; top: 40px; width: 35px; height: 35px; border-radius: 50%; background: #94b1d8; display: flex; align-items: center; justify-content: center; transition: var(--transition-200); z-index: 10 }
.ltr .auth-wrapper .back-to { left: 48px }
.rtl .auth-wrapper .back-to { right: 48px }
.auth-wrapper .back-to:hover { background: var(--color-dark) }
.auth-wrapper .back-to svg { width: 14px; height: 14px }
.ltr .auth-wrapper .back-to svg { margin-right: 0 }
.rtl .auth-wrapper .back-to svg { margin-left: 0 }
.auth-wrapper .back-to svg path { transition: var(--transition-200) }
.auth-wrapper .back-to:hover svg path { stroke: var(--color-light) }
.auth-wrapper .auth-left { width: 40%; height: 100%; background-image: url(./login-page-bg-C5mjR5sO-v4.6.1.png); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 2 }
.auth-wrapper .auth-right { width: 60%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative }
.auth-wrapper .auth-right .bg-grid-shape { width: 100%; height: 100%; background-image: url(./top-mask-BpUofBZ6-v4.6.1.png); background-position: top center; background-size: 100%; background-repeat: no-repeat; position: absolute; top: 0; z-index: 10 }
.ltr .auth-wrapper .auth-right .bg-grid-shape { left: 0 }
.rtl .auth-wrapper .auth-right .bg-grid-shape { right: 0 }
.auth-wrapper .auth-right .bg-shape-layer { display: block; width: 100%; height: 100%; background: #0068e003; -webkit-backdrop-filter: blur(237px); backdrop-filter: blur(237px); position: absolute; bottom: 0; z-index: 2 }
.ltr .auth-wrapper .auth-right .bg-shape-layer { right: 0 }
.rtl .auth-wrapper .auth-right .bg-shape-layer { left: 0 }
.auth-wrapper .auth-right .bg-green-shape { display: block; width: 140px; height: 103px; position: absolute; bottom: 37px; z-index: 1 }
.ltr .auth-wrapper .auth-right .bg-green-shape { left: 94px }
.rtl .auth-wrapper .auth-right .bg-green-shape { right: 94px }
.auth-wrapper .auth-right .bg-green-shape svg { width: 100%; height: 100% }
.auth-wrapper .auth-right .bg-yellow-shape { display: block; width: 150px; height: 159px; position: absolute; bottom: 71px; z-index: 1 }
.ltr .auth-wrapper .auth-right .bg-yellow-shape { right: -30px }
.rtl .auth-wrapper .auth-right .bg-yellow-shape { left: -30px }
.auth-wrapper .auth-right .bg-yellow-shape svg { width: 100%; height: 100% }
.auth-wrapper .auth-right .auth-form-overflow { width: 100%; height: 100%; display: grid; place-items: center; overflow-y: auto; overflow-x: hidden; position: relative; z-index: 100 }
.auth-wrapper .auth-right .auth-form-overflow::-webkit-scrollbar { width: 8px; height: 8px }
.auth-wrapper .auth-right .auth-form-overflow::-webkit-scrollbar-track, .auth-wrapper .auth-right .auth-form-overflow::-webkit-scrollbar-track-piece { background: #ebebeb; border-radius: 5px }
.auth-wrapper .auth-right .auth-form-overflow::-webkit-scrollbar-thumb, .auth-wrapper .auth-right .auth-form-overflow::-webkit-scrollbar-thumb:vertical { border-radius: 5px; background: #bab9b9; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out }
.auth-wrapper .auth-right .auth-form-overflow::-webkit-scrollbar-thumb:hover, .auth-wrapper .auth-right .auth-form-overflow::-webkit-scrollbar-thumb:vertical:hover { background: var(--color-primary) }
.auth-wrapper .auth-right .auth-form { width: 446px; max-width: calc(100% - 80px); position: relative; z-index: 11; margin-left: auto; margin-right: auto; padding-top: 50px; padding-bottom: 50px }
.auth-wrapper .auth-right .auth-form .auth-form-header { width: 100%; margin-bottom: 26px }
.auth-wrapper .auth-right .auth-form .auth-form-header .back-to { display: none }
.auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-logo { width: -moz-max-content; width: max-content; height: 40px; display: flex; align-items: center; justify-content: flex-start; text-decoration: none }
.auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-logo h3 { font-size: 24px; line-height: 30px; color: var(--color-primary) }
.auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-logo img { display: block; max-height: 100%; max-width: 100% }
.auth-wrapper .auth-right .auth-form .auth-form-header img { display: none }
.auth-wrapper .auth-right .auth-form .auth-form-header h2 { color: var(--color-dark); font-family: var(--base-font-family); font-size: 32px; font-style: normal; font-weight: var(--font-extrabold); line-height: 125%; margin-bottom: 8px }
.auth-wrapper .auth-right .auth-form .auth-form-header p { color: var(--color-dark-2) }
.auth-wrapper .auth-right .auth-form .auth-form-body { width: 100%; margin-bottom: 24px }
.auth-wrapper .auth-right .auth-form .auth-form-body .form-group { margin-bottom: 17px }
.auth-wrapper .auth-right .auth-form .auth-form-body .form-group .help-block { display: block; margin-top: 2px; font-size: 14px; margin-bottom: -6px }
.auth-wrapper .auth-right .auth-form .auth-form-body .form-group .text-red { color: var(--color-red) }
.auth-wrapper .auth-right .auth-form .auth-form-body .form-group:nth-child(2), .auth-wrapper .auth-right .auth-form .auth-form-body .form-group:last-child, .auth-wrapper .auth-right .auth-form .auth-form-body .form-group:only-child { margin-bottom: 22px }
.auth-wrapper .auth-right .auth-form .auth-form-body .input-label { margin-bottom: 3px }
.auth-wrapper .auth-right .auth-form .auth-form-body .checkbox-group { margin-bottom: 29px; margin-top: -3px }
.auth-wrapper .auth-right .auth-form .auth-form-footer { width: 100% }
.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or { display: flex; align-items: center; justify-content: center; margin-bottom: 24px; position: relative }
.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or span { font-size: 14px; font-weight: var(--font-normal) }
.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or:after, .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or:before { content: ""; display: block; width: calc(50% - 21px); height: 1px; position: absolute; top: 50%; transform: translateY(-50%) }
.ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or:after, .ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or:before { background-image: linear-gradient(to right, #fff, #bdc8d6); left: 0 }
.rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or:after, .rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or:before { background-image: linear-gradient(to left, #fff, #bdc8d6); right: 0 }
.ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or:after { left: unset; right: 0; background-image: linear-gradient(to right, #bdc8d6, #fff) }
.rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-or:after { right: unset; left: 0; background-image: linear-gradient(to left, #bdc8d6, #fff) }
.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links { display: flex; align-items: center; justify-content: center; margin-bottom: 32px }
.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google, .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-facebook { width: calc(50% - 6px); height: 46px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: var(--default-border-radius); padding: 13px; text-decoration: none; color: #0e1e3e; border: 1px solid #e2e8f0; transition: var(--transition-200) }
.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google:hover, .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-facebook:hover { background: #0e1e3e; color: #fff; border-color: #0e1e3e }
.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google img, .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-facebook img { width: 20px; height: 20px; display: block }
.ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google img, .ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-facebook img { margin-right: 12px }
.rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google img, .rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-facebook img { margin-left: 12px }
.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google span, .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-facebook span { font-family: var(--base-font-family); font-weight: var(--font-normal); line-height: 22.4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google span, .ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-facebook span { text-align: left }
.rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google span, .rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-facebook span { text-align: right }
.ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google { margin-right: 12px }
.rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google { margin-left: 12px }
.ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google:only-child { margin-right: 0 }
.rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google:only-child { margin-left: 0 }
.auth-wrapper .auth-right .auth-form .auth-form-footer .do-not-have-account { display: flex; align-items: center; justify-content: center }
.auth-wrapper .auth-right .auth-form .auth-form-footer .do-not-have-account span { display: block }
.ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .do-not-have-account span { margin-right: 4px }
.rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .do-not-have-account span { margin-left: 4px }
.auth-wrapper .auth-right .auth-form .auth-form-footer .do-not-have-account a { font-weight: var(--font-normal); font-size: 14px; text-decoration: none; color: var(--color-primary); transition: var(--transition-200) }
.auth-wrapper .auth-right .auth-form .auth-form-footer .do-not-have-account a:hover { text-decoration: underline }
.input-label { font-weight: var(--font-normal); color: var(--color-dark); display: block; width: 100% }
.input-label span { color: var(--color-red) }
.input-group { position: relative; display: flex; align-items: center; width: 100% }
.form-control::-moz-placeholder { color: var(--color-dark-3) }
.form-control, .form-control::placeholder { color: var(--color-dark-3) }
.form-control { color: var(--color-dark); flex-grow: 1; border-radius: var(--default-border-radius); border: 1px solid var(--color-border); background: var(--color-light); height: 46px; padding: 11px 16px; outline: 2px solid transparent; transition: var(--transition-200) }
.ltr .form-control { padding-left: 48px }
.rtl .form-control { padding-right: 48px }
.form-control+.input-icon path { transition: var(--transition-200) }
.form-control:focus+.input-icon path { stroke: var(--color-dark) }
.form-control:focus { border-color: var(--color-primary); outline: 2px solid var(--color-primary-alpha-10); caret-color: var(--color-primary) }
.icon-size, .password-toggle-icon, .input-icon { width: 20px; height: 20px }
.input-icon { position: absolute; top: 50%; transform: translateY(-50%) }
.ltr .input-icon { left: 16px }
.rtl .input-icon { right: 16px }
.input-icon path { stroke: #a0aec0 }
.password-toggle-icon { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%) }
.ltr .password-toggle-icon { right: 16px }
.rtl .password-toggle-icon { left: 16px }
.password-toggle-icon svg path { transition: var(--transition-200) }
.show-password { height: 1.5px; width: 0px; background: var(--color-dark); position: absolute; top: .5px; border-radius: 3px; transition: all var(--transition-200) }
.ltr .show-password { transform: rotate(-225deg); transform-origin: 0; left: 19px }
.rtl .show-password { transform: rotate(225deg); transform-origin: 100%; right: 19px }
.show-password:after { content: ""; width: 100%; height: 1px; background: var(--color-light); display: block; position: absolute; bottom: 100% }
.ltr .show-password:after { left: 0 }
.rtl .show-password:after { right: 0 }
.animate-show { width: 25px }
.checkbox-group.add-privacy-policy { justify-content: flex-start; flex-wrap: wrap }
.checkbox-group.add-privacy-policy .help-block { width: 100%; margin-top: 2px; color: var(--color-red) }
.checkbox-group label { color: var(--color-dark-2) }
.checkbox-group .forgot-password { color: var(--color-primary); text-decoration: none; font-weight: var(--font-normal) }
.checkbox-group .forgot-password:hover { text-decoration: underline }
.btn { outline: unset; width: 100%; height: 46px; min-height: 46px; border-radius: var(--default-border-radius); border: 1px solid var(--color-light); cursor: pointer; color: var(--color-light); font-family: var(--base-font-family); font-style: normal; font-size: var(--base-font-size); font-weight: var(--font-normal); line-height: 160%; transition: all var(--transition-200); position: relative }
.btn:disabled, .btn[disabled] { background-color: #b5c5d6; color: #90a1b3; cursor: default; pointer-events: none }
.btn[type=submit]:disabled, .btn[type=submit][disabled] { color: transparent }
.btn-primary { background: var(--color-primary) }
.btn-primary:hover { background: var(--color-primary-darken-10) }
@media screen and (max-width:991px) {
	.auth-wrapper .auth-left { width: 45% }
	.auth-wrapper .auth-right { width: 55% }
}
.checkbox-group .checkbox input[type=checkbox] { display: none; visibility: hidden }
.checkbox-group .checkbox .checkbox-label { margin: auto; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; display: flex; align-items: center }
.checkbox-group .checkbox .checkbox-label span { display: inline-block; vertical-align: middle; transform: translateZ(0) }
.checkbox-group .checkbox .checkbox-label span:first-child { position: relative; width: 20px; height: 20px; border-radius: 6px; transform: scale(1); vertical-align: middle; border: 2px solid var(--color-dark-3); transition: all var(--transition-200) }
.checkbox-group .checkbox .checkbox-label span:first-child svg { position: absolute; top: 2px; fill: none; stroke: var(--color-light); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: var(--transition-200); transition-delay: .1s; transform: translateZ(0) rotate(0) }
.ltr .checkbox-group .checkbox .checkbox-label span:first-child svg { left: 2px }
.rtl .checkbox-group .checkbox .checkbox-label span:first-child svg { right: 2px }
.checkbox-group .checkbox .checkbox-label span:first-child:before { content: ""; width: 100%; height: 100%; background: var(--color-primary); display: block; transform: scale(0); opacity: 1; border-radius: 50% }
.checkbox-group .checkbox .checkbox-label span:last-child { padding-left: 8px; padding-right: 8px }
.checkbox-group .checkbox .checkbox-element:checked+.checkbox-label span:first-child { background: var(--color-primary); border-color: var(--color-primary); animation: checkbox-animation var(--transition-200) }
.checkbox-group .checkbox .checkbox-element:checked+.checkbox-label span:first-child svg { stroke-dashoffset: 3 }
@keyframes checkbox-animation {
	50% { transform: scale(.9) }
}
.alert { width: 100%; display: flex; border-radius: var(--default-border-radius); padding: 18px 16px; position: relative; margin-bottom: 17px }
.alert .alert-close { background: transparent; outline: unset; border: unset; display: flex; align-items: center; justify-content: center; position: absolute; top: 18px; min-width: 24px; height: 24px; cursor: pointer; border-radius: 6px; transition: var(--transition-200) }
.ltr .alert .alert-close { right: 16px }
.rtl .alert .alert-close { left: 16px }
.alert .alert-close svg { height: 18px; width: 18px }
.alert>svg { height: 24px; min-width: 24px !important }
.ltr .alert>svg { margin-right: 12px }
.rtl .alert>svg { margin-left: 12px }
.alert .alert-content { padding-top: 2px }
.ltr .alert .alert-content { margin-right: 71px }
.rtl .alert .alert-content { margin-left: 71px }
.alert .alert-content h3 { color: var(--color-red); font-family: var(--base-font-family); font-size: 16px; font-style: normal; font-weight: 600; line-height: 130%; margin-bottom: 6px }
.alert .alert-content span { display: block; font-size: 15px; font-style: normal; font-weight: var(--font-normal); line-height: 130% }
.alert-danger { background: #ffeeed }
.alert-danger .alert-close { background: #ffe2e0; transition: var(--transition-200) }
.alert-danger .alert-close:hover { background: #ffd9d6 }
.alert-danger .alert-close svg path { stroke: var(--color-red) }
.alert-danger>svg path { fill: var(--color-red) }
.alert-danger h2, .alert-danger span { color: var(--color-red) }
.alert-success { background: #ebfaf3 }
.alert-success .alert-close { background: #d6f5e7; transition: var(--transition-200) }
.alert-success .alert-close:hover { background: #cef3e2 }
.alert-success .alert-close svg path { stroke: var(--color-secondary) }
.alert-success>svg path { fill: var(--color-secondary) }
.alert-success h2, .alert-success span { color: var(--color-secondary) }
.alert-warning { background: #fcf2e5 }
.alert-warning .alert-close { background: #f9e4c8; transition: var(--transition-200) }
.alert-warning .alert-close:hover { background: #f8dfbf }
.alert-warning .alert-close svg path { stroke: #df7900 }
.alert-warning>svg path { fill: #df7900 }
.alert-warning h2, .alert-warning span { color: #df7900 }
.alert-info { background: #e5f0fc }
.alert-info .alert-close { background: #d1e5fa; transition: var(--transition-200) }
.alert-info .alert-close:hover { background: #c8e0f9 }
.alert-info .alert-close svg path { stroke: var(--color-primary) }
.alert-info>svg path { fill: var(--color-primary) }
.alert-info h2, .alert-info span { color: var(--color-primary) }
[data-tooltip] { width: 20px; height: 20px }
[data-tooltip]:before, [data-tooltip]:after { display: none }
[data-tooltip]:before { content: attr(data-tooltip); color: var(--color-light); font-family: var(--base-font-family); font-size: 12px; font-style: normal; font-weight: var(--font-medium); position: absolute; top: -34px; width: -moz-max-content; width: max-content; line-height: 160%; text-align: center; border-radius: 7px; padding: 3px 10px 4px; align-items: baseline; justify-content: center; background: var(--color-dark); display: none; z-index: 10 }
.ltr [data-tooltip]:before { left: 50%; transform: translate(-50%) }
.rtl [data-tooltip]:before { right: 50%; transform: translate(50%) }
[data-tooltip]:after { content: ""; min-width: 12px; height: 12px; background: var(--color-dark); position: absolute; top: -16px; z-index: 9 }
.ltr [data-tooltip]:after { left: 50%; border-bottom-right-radius: 3px; transform: translate(-50%) rotate(45deg) }
.rtl [data-tooltip]:after { right: 50%; border-bottom-left-radius: 3px; transform: translate(50%) rotate(-45deg) }
[data-tooltip]:hover:before, [data-tooltip]:hover:after { display: flex }
.btn-loading { display: flex; align-items: center; justify-content: center; position: relative }
.btn-loading:before { content: ""; position: absolute; top: calc(50% - 7px); border-radius: 50%; height: 16px; width: 16px; -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1.3px), #fff 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1.3px), #fff 0); animation: loader-spin .5s linear infinite }
.ltr .btn-loading:before { left: calc(50% - 7px); background-image: conic-gradient(transparent 5deg, #fff 360deg) }
.rtl .btn-loading:before { right: calc(50% - 7px); background-image: conic-gradient(transparent -5deg, #fff 360deg) }
.btn:disabled:before, .btn[disabled]:before { -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1.3px), #90a1b3 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1.3px), #90a1b3 0) }
.ltr .btn:disabled:before, .ltr .btn[disabled]:before { background-image: conic-gradient(transparent 5deg, #90a1b3 360deg) }
.rtl .btn:disabled:before, .rtl .btn[disabled]:before { background-image: conic-gradient(transparent -5deg, #90a1b3 360deg) }
@keyframes loader-spin {
	0% { transform: rotate(0) }
	to { transform: rotate(360deg) }
}
body .bg-shape-layer, body .bg-green-shape, body .bg-yellow-shape { display: none }
@media screen and (max-width:991px) {
	html, .login-page { height: 100% }
	body { height: 100%; position: relative }
	.login-page .auth-form-header-top { display: none }
	.login-page .auth-form-body-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px }
	.login-page .auth-form-body-top .auth-form-header-logo { width: 150px; height: 40px; display: flex; align-items: center; justify-content: flex-start; text-decoration: none }
	.login-page .auth-form-body-top .auth-form-header-logo h3 { font-size: 24px; line-height: 30px; color: var(--color-primary) }
	.login-page .auth-form-body-top .auth-form-header-logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain }
	.login-page .bg-shape-layer { display: block; width: 100%; height: 100%; background: #0068e003; -webkit-backdrop-filter: blur(237px); backdrop-filter: blur(237px); position: absolute; bottom: 0; z-index: 2 }
	.ltr .login-page .bg-shape-layer { right: 0 }
	.rtl .login-page .bg-shape-layer { left: 0 }
	.login-page .bg-green-shape { display: block; width: 140px; height: 103px; position: absolute; bottom: 37px; z-index: 1 }
	.ltr .login-page .bg-green-shape { left: 0 }
	.rtl .login-page .bg-green-shape { right: 0 }
	.login-page .bg-green-shape svg { width: 100%; height: 100% }
	.login-page .bg-yellow-shape { display: block; width: 150px; height: 159px; position: absolute; bottom: 20px; z-index: 1 }
	.ltr .login-page .bg-yellow-shape { right: 0 }
	.rtl .login-page .bg-yellow-shape { left: 0 }
	.login-page .bg-yellow-shape svg { width: 100%; height: 100% }
	.auth-wrapper { height: 100%; position: relative }
	.auth-wrapper .back-to, .auth-wrapper .auth-left { display: none }
	.auth-wrapper .auth-right { width: 100%; align-items: flex-start; overflow-y: auto }
	.auth-wrapper .auth-right .bg-shape-layer, .auth-wrapper .auth-right .bg-yellow-shape, .auth-wrapper .auth-right .bg-green-shape { display: none }
	.auth-wrapper .auth-right .auth-form { width: 100%; height: 100%; flex-grow: 1; display: flex; flex-direction: column; padding-top: 0; padding-bottom: 0 }
	.auth-wrapper .auth-right .auth-form .auth-form-body { width: 100%; flex-grow: 1; justify-content: space-between; display: flex; flex-direction: column; margin-bottom: 0 }
	.auth-wrapper .auth-right .auth-form .auth-form-body .btn { margin-bottom: 30px }
	.auth-wrapper .auth-right .auth-form .auth-form-header { background-image: url(./login-page-mobile-bg-93mPWKYP-v4.6.1.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: auto; margin-left: -40px; margin-right: -40px; position: relative; margin-bottom: 32px; min-height: 250px }
	.auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-logo { height: 30px; margin-bottom: 15px }
	.auth-wrapper .auth-right .auth-form .auth-form-header:before { content: ""; display: block; width: 100%; position: absolute; top: 0; height: 250px; background-image: url(./mobile-grid-shape-bg-juGEnKEQ-v4.6.1.png); background-repeat: no-repeat; background-position: center; background-size: cover }
	.ltr .auth-wrapper .auth-right .auth-form .auth-form-header:before { left: 0 }
	.rtl .auth-wrapper .auth-right .auth-form .auth-form-header:before { right: 0 }
	.auth-wrapper .auth-right .auth-form .auth-form-header:after { content: ""; display: block; width: 100%; position: absolute; bottom: 0; height: 300px; background: linear-gradient(0deg, var(--color-primary-alpha-90) 24.11%, rgba(0, 104, 224, 0) 56.9%); z-index: 1 }
	.ltr .auth-wrapper .auth-right .auth-form .auth-form-header:after { left: 0 }
	.rtl .auth-wrapper .auth-right .auth-form .auth-form-header:after { right: 0 }
	.auth-wrapper .auth-right .auth-form .auth-form-header .back-to { top: 25px; width: 30px; height: 30px; border-radius: 50%; background: #94b1d8; display: flex; align-items: center; justify-content: center; transition: var(--transition-200); position: absolute }
	.ltr .auth-wrapper .auth-right .auth-form .auth-form-header .back-to { left: 35px }
	.rtl .auth-wrapper .auth-right .auth-form .auth-form-header .back-to { right: 35px }
	.auth-wrapper .auth-right .auth-form .auth-form-header .back-to:hover { background: var(--color-dark) }
	.auth-wrapper .auth-right .auth-form .auth-form-header .back-to svg { width: 12px; height: 12px }
	.ltr .auth-wrapper .auth-right .auth-form .auth-form-header .back-to svg { margin-right: 0 }
	.rtl .auth-wrapper .auth-right .auth-form .auth-form-header .back-to svg { margin-left: 0 }
	.auth-wrapper .auth-right .auth-form .auth-form-header .back-to svg path { transition: var(--transition-200) }
	.auth-wrapper .auth-right .auth-form .auth-form-header .back-to:hover svg path { stroke: var(--color-light) }
	.auth-wrapper .auth-right .auth-form .auth-form-header .back-to span { display: none }
	.auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-content { position: absolute; bottom: 20px; width: 100%; padding: 0 40px; z-index: 2 }
	.ltr .auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-content { left: 0 }
	.rtl .auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-content { right: 0 }
	.auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-content p, .auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-content h2 { color: var(--color-light) }
	.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links { flex-direction: column; justify-content: center }
	.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google { margin-bottom: 12px }
	.ltr .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google { margin-right: 0 }
	.rtl .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google { margin-left: 0 }
	.auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-google, .auth-wrapper .auth-right .auth-form .auth-form-footer .auth-form-social-links .sign-in-facebook { width: 217px; max-width: 100% }
	.auth-wrapper .auth-right .auth-form .auth-form-footer .do-not-have-account { margin-bottom: 30px }
}
@media screen and (max-width:576px) {
	.auth-wrapper .auth-right .auth-form .auth-form-header { min-height: 230px }
	.auth-wrapper .auth-right .auth-form .auth-form-header:before { height: 200px }
}
@media screen and (max-width:375px) {
	.auth-wrapper .auth-right .auth-form { max-width: calc(100% - 40px) }
	.auth-wrapper .auth-right .auth-form .auth-form-header { margin-left: -20px; margin-right: -20px }
	.ltr .auth-wrapper .auth-right .auth-form .auth-form-header .back-to { left: 20px }
	.rtl .auth-wrapper .auth-right .auth-form .auth-form-header .back-to { right: 20px }
	.auth-wrapper .auth-right .auth-form .auth-form-header .auth-form-header-content { padding: 0 20px }
	.password-toggle-icon:before, .password-toggle-icon:after { content: none }
}