.fr_welcome {min-height: 100vh;min-height: 100dvh;background-color: #fff;}
body.night-mode .fr_welcome {background-color: #0f1112;}

/*Sign Form*/
.fr_welcome_mid {margin: auto 0;}
.fr_welcome_sign {max-width: 540px;}
.fr_welcome_sign_head {text-align: center;}
.fr_welcome_sign_head h5 {display: none;}
.fr_welcome_sign .logo-wrapper {font-size: 20px;font-weight: 500;text-transform: uppercase;}
.fr_welcome_sign .logo-wrapper img {max-width: 150px;max-height: 45px;transform: translateZ(0px);}
.fr_welcome_sign img.logo-light {display: inline-block;}
body.night-mode .fr_welcome_sign img.logo-light {display: none;}
.fr_welcome_sign img.logo-dark {display: none;}
body.night-mode .fr_welcome_sign img.logo-dark {display: inline-block;}
.fr_auth_form {background-color: #fff;padding: 20px;border-radius: 30px;}
body.night-mode .fr_auth_form {background-color: #0f1112;}
.fr_welcome_title {font-family: 'Gilroy', Roboto, sans-serif;font-weight: 700;}
.fr_welcome_social .btn {border-radius: 14px;border: 2px solid #EFEFEF;padding: 10px 18px;gap: 14px;font-size: 14px;font-weight: 500;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.fr_welcome_social .btn:hover {background-color: #EFEFEF;}
body.night-mode .fr_welcome_social .btn {border-color: #323637;color: #fff;}
body.night-mode .fr_welcome_social .btn:hover {background-color: #323637;}
.fr_welcome_social .btn svg, .fr_welcome_social .btn img {width: 23px;height: 23px;flex: 0 0 auto;}
.fr_welcome_field {position: relative;display: block;margin: 0 0 20px;}
.fr_welcome_field input, .fr_welcome_field select {border-radius: 14px;border: 2px solid #EFEFEF;background-color: #EFEFEF;padding: 10px 55px;font-size: 14px;width: 100%;height: 56px;display: block;margin: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: background-color .15s ease-in-out, border-color .15s ease-in-out;outline: none;}
.fr_welcome_field input:focus, .fr_welcome_field select:focus {border-color: var(--main-btn);background-color: #fff;}
body.night-mode .fr_welcome_field input, body.night-mode .fr_welcome_field select {border-color: #323637;background-color: #323637;color: #fff;}
body.night-mode .fr_welcome_field input:focus, body.night-mode .fr_welcome_field select:focus {border-color: var(--main-btn);background-color: #0f1112;}
.fr_welcome_field svg {top: 0;margin: 16px;opacity: 0.5;pointer-events: none;transition: color .15s ease-in-out, opacity .15s ease-in-out;width: 24px;height: 24px;}
.fr_welcome_field input:focus+svg, .fr_welcome_field select:focus+svg {opacity: 1;color: var(--main-btn);}
body.night-mode .custom-control-label::before {background-color: #0f1112;border-color: #6c7782;}
.fr_welcome_btn {border-radius: 14px;font-size: 17px;font-weight: 500;padding: 15px 18px;border: 0;}
.fr_welcome_switch {font-weight: 500;}
.fr_welcome_switch a {text-decoration: underline;text-underline-offset: 6px;}
.fr_welcome_field > .js_toggle-password {top: 0;right: 0;}

/*Right Side*/
.fr_welcome_bg {position: relative;}
.fr_welcome_bg_img {top: 0;right: 0;bottom: 0;left: 0;border-radius: 70px 0 0 70px;width: 100%;height: 100%;object-fit: cover;opacity: 1;}
.fr_welcome_img {position: relative;overflow: hidden;border-radius: 70px 0 0 70px;min-height: 700px;box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);}
.fr_welcome_img:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: var(--main-btn);opacity: 0.2;border-radius: 70px 0 0 70px;opacity: 0;}
.fr_welcome_img > .svg_blur {position: absolute;top: 0;left: 0;right: 0;opacity: 0.15;width: 100%;pointer-events: none;user-select: none;}
.fr_welcome_img > .svg_lines {position: absolute;bottom: 0;left: 0;right: 0;opacity: 0.2;width: 100%;pointer-events: none;user-select: none;color: #fff;height: auto;}
.fr_welcome_img_innr {background: linear-gradient(transparent, rgb(0 0 0 / 80%));padding: 150px 60px 60px;color: #fff;font-family: 'Gilroy', Roboto, sans-serif;}
.fr_welcome_img_innr h2 {line-height: 1.5;font-weight: 600;}
.fr_welcome_img_innr p {font-size: 16px;}
.mx-n2 {margin-left: -0.5rem;margin-right: -0.5rem;}

/*Footer*/
.fr_welcome_bottom .container {max-width: none;width: 100%;}
.fr_welcome_bottom .footer {margin: 0;border: 0;padding: 0;}
.fr_welcome_apps .huwei svg {background: #fff;border-radius: 6px;}



@media (max-width: 992px) {
.fr_welcome_img, .fr_welcome_bg_img {border-radius: 40px 0 0 40px;}
.fr_welcome_img, .fr_welcome_bg_img {min-height: 560px;}
.fr_welcome_img_innr {padding: 90px 30px 30px;}
}

@media (max-width: 900px) {
.fr_welcome_mid .row .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;position: static;}
.fr_welcome_sign {position: relative;z-index: 1;max-width: none;padding: 0 !important;}
.fr_welcome_sign_head {padding: 20px;}
.fr_welcome_sign_head h5 {display: block;margin: 20px 0 16px;font-size: 1.5rem;}
.fr_welcome_bg {position: static;}
.fr_welcome_bg_img, .fr_welcome_img > .svg_blur, .fr_welcome_img_innr h5, .fr_welcome_img_innr h2, .fr_welcome_img_innr p {display: none;}
.fr_welcome_img {min-height: auto;border-radius: 0;position: static;box-shadow: none;}
.fr_welcome_img:before {opacity: 0.2;border-radius: 0;margin-top: -1.5rem;bottom: auto;height: 180px;}
.fr_welcome_img > .svg_lines {bottom: auto;top: 0;color: var(--main-btn);margin-top: -1.5rem;height: 180px;width: auto;opacity: 0.3;}
.fr_welcome_img_innr {padding: 20px;background: transparent;color: inherit;}
.fr_welcome_apps {text-align: center;scale: 0.85;margin: 0 !important;}
}