@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Permanent+Marker&display=swap');
.inter{font-family: "Inter", sans-serif;font-style: normal;}
body[data-path="login"] {
    background: url(/assets/ecovista/images/ecovista-bg-image2.webp) no-repeat;
    background-size: cover !important;
    background-position: left 80%;
}

/* [data-path="login"]{justify-content: center !important;} */
body[data-path="login"] [data-path="login"] .page-card-head img.app-logo{margin-bottom: 50px;max-height: 46px;}
[data-path="login"] .navbar.navbar-light{display: none !important;}
body[data-path="login"] [data-path="login"] .login-content.page-card{background-color: transparent;border: none;max-width: initial;padding: 0;}
body[data-path="login"] [data-path="login"] .for-login,body[data-path="login"] [data-path="login"] .for-signup,body[data-path="login"] [data-path="login"] .for-forgot {background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 600px;flex-direction: column;align-content: center;margin: auto;padding: 60px 0;border-radius: 40px;}
body[data-path="login"] [data-path="login"] .page-card-head{padding: 0;}
body[data-path="login"] .page-card-head h3,body[data-path="login"] .page-card-head h4{color: #6cbe03;margin: 0;text-align: center;font-family: "Inter", sans-serif;font-size: 30px;font-style: normal;font-weight: 700;line-height: normal;}
[data-path="login"] .page-card-head h4{padding-bottom: 28px;}
[data-path="login"] .for-login .page-card-head h4{display: none;}
[data-path="login"] .for-login .page-card-head h5{color: #fff;opacity: .8;text-align: center;padding: 20px 0 24px 0;font-size: 18px;font-family: "Inter", sans-serif;font-style: normal;font-weight: 500;line-height: normal;}
body[data-path="login"] .text-center.sign-up-message{color: #ffffffb2 !important;font-size: 16px !important;}
body[data-path="login"] .text-center.sign-up-message a,body[data-path="login"] .forgot-password-message a,body[data-path="login"] .text-muted.login-divider{color: #FFF !important;font-size: 16px !important;}
body[data-path="login"] .form-signin{width: 450px;max-width: initial !important;}
body[data-path="login"] .form-control{border-radius: 100px;border: 2px solid var(--Text-Colors-Primary-Text-Color, #9597a0) !important;background: #FFF !important;padding-left:20px!important;padding-right:20px !important;height: 52px;}
body[data-path="login"] .btn-block.btn{border-radius: 100px;background: #6cbe03 !important;padding-left:20px!important;font-weight: 600 !important;padding-right:20px !important;font-size: 16px !important;height: 52px;}
body[data-path="login"] .btn-block.btn.btn-login-option{background: #FFF !important;line-height: 42px;color: #000000e3;}
body[data-path="login"] .btn-block.btn.btn-login-option img{width: 36px;}
body[data-path="login"] .field-icon{display: none;}
body[data-path="login"] .page-card .page-card-body .password-field .toggle-password{right: 20px;top: 17px;}
body[data-path="login"] [data-path="login"] .text-muted.login-divider {display: flex;align-items: center;justify-content: center;gap: 10px;color: #888;font-size: 14px;font-weight: 500;white-space: nowrap;}
body[data-path="login"] [data-path="login"] .text-muted.login-divider::before,
body[data-path="login"] [data-path="login"] .text-muted.login-divider::after {content: '';flex-grow: 1;height: 1px;background-color: #ccc;}
.text-muted.login-divider {display: flex;align-items: center;justify-content: center;gap: 10px;color: #888;font-size: 14px;font-weight: 500;white-space: nowrap;}
.text-muted.login-divider::before,
.text-muted.login-divider::after {content: '';flex-grow: 1;height: 1px;background-color: #ccc;}
body[data-path="login"] .web-footer{background: transparent;border: none;}
body[data-path="login"] .footer-col-left.col-sm-6{position: absolute;left: 50px;bottom: 10px;width: 300px;}
body[data-path="login"] .footer-col-right.col-sm-6{position: absolute;left: 50px;bottom: 10px;;width: 300px;color: #FFF !important;font-size: 16px;}
body[data-path="login"] .footer-col-left.col-sm-6 a{color: #FFF;font-size: 16px;}
body[data-path="login"] .footer-col-right.col-sm-6 a{color: #FFF !important;font-size: 16px;}
body[data-path="login"] .footer-logo-extension .text-right.col-md-6{position: absolute;right: 50px;bottom: 30px;}
body[data-path="login"] .footer-powered{display: none;}
body[data-path="login"] #footer-subscribe-email {max-width: 230px !important;height: 38px;}
body[data-path="login"] .web-footer{display: none !important;}
/* Media Query Start */
@media screen and (max-height: 700px){
body[data-path="login"] [data-path="login"] .for-login{top: 60px;transform: translate(-50%, 0);padding: 50px 0;}
body[data-path="login"] [data-path="login"] .for-login,body[data-path="login"] [data-path="login"] .for-signup,body[data-path="login"] [data-path="login"] .for-forgot{width: 550px;}
body[data-path="login"] .form-signin {width: 400px;max-width: initial !important;}
body[data-path="login"]{background-position: left 80% !important;height: 670px;background-attachment: fixed;}
body[data-path="login"] .btn-block.btn {height: 48px;}
}

@media screen and (max-width: 1600px){
body[data-path="login"] [data-path="login"] .for-login, body[data-path="login"] [data-path="login"] .for-signup, body[data-path="login"] [data-path="login"] .for-forgot {width: 500px;padding: 50px 0px;}
[data-path="login"] .for-login .page-card-head h5{padding: 16px 0 20px 0;font-size: 16px;}
body[data-path="login"] .text-center.sign-up-message{color: #ffffffb2 !important;font-size: 14px !important;}
body[data-path="login"] .text-center.sign-up-message a,body[data-path="login"] .forgot-password-message a{color: #FFF !important;font-size: 14px !important;}
body[data-path="login"] .page-card-head h3,body[data-path="login"] .page-card-head h4{font-size: 26px;line-height: normal;}
body[data-path="login"] .form-signin {width: 390px;}
body[data-path="login"] .btn-block.btn ,body[data-path="login"] .form-control {height: 48px;font-size: 14px !important;}
body[data-path="login"] #footer-subscribe-email {max-width: 200px !important;}
body[data-path="login"] [data-path="login"] .page-card-head img.app-logo {margin-bottom: 40px;max-height: 30px;width: 210px;}
}

@media screen and (max-width: 1300px){
body[data-path="login"] [data-path="login"] .for-login, body[data-path="login"] [data-path="login"] .for-signup, body[data-path="login"] [data-path="login"] .for-forgot {padding: 40px 0px;}
body[data-path="login"] #footer-subscribe-email {
    max-width: 180px !important;
  }
}

@media screen and (max-width: 1100px){
    body[data-path="login"] [data-path="login"] .for-login{transform: translate(-50%, 0);}
}

@media screen and (max-width: 1023px){
body[data-path="login"] .web-footer{display: none !important;}
}

@media screen and (max-width: 767px){
body[data-path="login"] [data-path="login"] .for-login, body[data-path="login"] [data-path="login"] .for-signup, body[data-path="login"] [data-path="login"] .for-forgot {width: 87%;}
body[data-path="login"] .form-signin {width: auto;padding-left: 20px;padding-right: 20px;}
body[data-path="login"] [data-path="login"] .for-login{top: 40px;}
body[data-path="login"]{height: 600px;}
body[data-path="login"] [data-path="login"] .page-card-head img.app-logo {
    margin-bottom: 36px;
    max-height: 44px;
    width: auto;
}
}