.primary-button{background-color:#13544e;border:inherit}.primary-button:active,.primary-button:hover{background-color:#299c72!important}.LoginImage{display:flex;justify-content:center;align-items:center;background-image:url(https://agriwatch-store.s3.ap-south-1.amazonaws.com/resources/website/images/login-sign-up-flow-image.jpg);background-repeat:no-repeat;background-position:bottom;background-size:cover;height:100%}.LoginComponent{width:100%;padding:32px;display:flex;flex-direction:column;justify-content:flex-start;height:calc(100vh - 70px);max-width:600px;margin:auto;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.LoginComponent::-webkit-scrollbar{display:none}.LoginComponent .title{font-size:32px;font-weight:500;line-height:46px;text-align:left;color:#151342;margin-bottom:2px}.LoginComponent .subTitle{font-size:18px;font-weight:400;line-height:30px;text-align:left;color:#6a7187;margin-bottom:25px}.LoginComponent .subTitle span{color:#13544e;text-decoration:underline;cursor:pointer}.LoginComponent .identityTabs.tabs{height:53px;gap:0;border-radius:4px;opacity:1;background-color:#fcf9f5;display:flex}.LoginComponent .identityTabs.tabs .tab{width:50%;font-size:16px;font-weight:600;line-height:24px;text-align:left;color:#2d2e2e;display:flex;justify-content:center;align-items:center;cursor:pointer}.LoginComponent .identityTabs.tabs .tab.active{height:38px;padding:8px;border-radius:6px;margin:6px;background-color:#fff;box-shadow:0 3px 1px 0 rgba(0,0,0,.039);box-shadow:0 3px 8px 0 rgba(0,0,0,.122)}.LoginComponent .authMethodTabs{display:flex;flex-direction:column;gap:8px;margin-top:4px;margin-bottom:4px}.LoginComponent .authMethodTabsLabel{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#98a2b3;line-height:1.2}.LoginComponent .authMethodTabsRow{display:flex;padding:3px;border-radius:10px;background:#fff;border:1px solid #e4e7ec;box-shadow:0 1px 2px rgba(16,24,40,.04);gap:4px}.LoginComponent .authMethodTab{flex:1 1;border:none;background:transparent;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;line-height:20px;color:#667085;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.LoginComponent .authMethodTab:hover:not(.active){color:#344054;background:#f9fafb}.LoginComponent .authMethodTab.active{color:#fff;background:#13544e;box-shadow:0 1px 2px rgba(19,84,78,.25)}.LoginComponent .passwordModeTabs{display:flex;flex-direction:column;gap:8px}.LoginComponent .passwordModeTabsLabel{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#98a2b3;line-height:1.2}.LoginComponent .passwordModeTabsRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.LoginComponent .passwordModeTab{border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;line-height:18px;color:#475467;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.LoginComponent .passwordModeTab:hover:not(.active){border-color:#98a2b3;color:#344054;background:#fcfcfd}.LoginComponent .passwordModeTab.active{border-color:#13544e;color:#13544e;background:#f3faf8;box-shadow:inset 0 0 0 1px rgba(19,84,78,.12)}.LoginComponent .loginForm{padding-top:16px;flex:1 1}.LoginComponent .loginForm .loginFormHydrationShell{min-height:260px;width:100%}.LoginComponent .loginForm>div{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin-bottom:30px}.LoginComponent .loginForm>div label{font-size:16px;font-weight:600;line-height:24px;text-align:left;color:#2d2e2e;margin-bottom:12px}.LoginComponent .loginForm>div input,.LoginComponent .loginForm>div select{height:56px;width:100%;border:1px solid #979797;font-weight:400;font-size:14px;line-height:22px;color:#2d2e2e}.LoginComponent .loginForm>div input.invalid,.LoginComponent .loginForm>div select.invalid{border-color:#dc3545;box-shadow:none}.LoginComponent .loginForm>div .otpInput input{text-align:center;color:#000;font-size:16px;font-weight:400;line-height:22px;border-radius:4px}.LoginComponent .loginForm>div .otpInput.invalid input{border-color:#ff4040}.LoginComponent .loginForm>div .tnc{font-size:16px;font-weight:400;line-height:26px;text-align:left;color:#475467}.LoginComponent .loginForm>div .tnc a{color:#0f3dde}.LoginComponent .loginForm>div .resendOtp{font-size:16px;font-weight:400;line-height:26px;color:#475467;display:flex;justify-content:center;margin-bottom:12px}.LoginComponent .loginForm>div .resendOtp span{cursor:pointer;padding-left:4px;color:#13544e}.LoginComponent .loginForm>div .otpSpamHint{display:block;font-size:15px;font-weight:400;line-height:22px;color:#475467;margin-top:8px;margin-bottom:4px;padding:10px 12px;border-radius:6px;background-color:#fff9c4}.LoginComponent .loginForm .loginBtn{font-size:18px;font-weight:600;line-height:27px;text-align:center;color:#fff;background-color:#13544e;border:inherit;height:60px;width:100%;margin-top:16px}.LoginComponent.freeTrial{padding:5px 0;height:auto}.LoginComponent.freeTrial .subTitle,.LoginComponent.freeTrial .title{text-align:center}.LoginComponent.freeTrial .loginForm>div{border-radius:4px;padding:16px;border:1px solid #ababab}.LoginComponent.freeTrial .loginForm>div .loginBtn{background-color:#fff;border:1px solid #13544e;color:#13544e}.ContactSales.freeTrial{padding:0;height:auto}.ContactSales.freeTrial .loginForm{padding:0}.ContactSales.freeTrial .loginForm div>.loginBtn{background-color:#13544e;border:1px solid #13544e;color:#fff}@media(max-width:991px){.LoginComponent.freeTrial{padding:32px 0}.LoginComponent{width:100%;padding:16px;display:flex;flex-direction:column;justify-content:flex-start;height:calc(100vh - 70px);max-width:600px;margin:auto;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.LoginComponent::-webkit-scrollbar{display:none}.LoginComponent .title{font-size:28px;line-height:42px}.LoginComponent .subTitle{font-size:14px}.LoginComponent .subTitle span{color:#13544e;text-decoration:underline;cursor:pointer}.LoginComponent .identityTabs.tabs{margin-top:16px}.LoginComponent .identityTabs.tabs .tab.active{padding:8px 0;margin:6px}.LoginComponent .authMethodTab{padding:9px 10px;font-size:13px}.LoginComponent .passwordModeTab{font-size:12px;padding:7px 12px}.LoginComponent .loginForm{padding-top:16px;flex:1 1}.LoginComponent .loginForm>div .tnc{font-size:12px}.LoginComponent .loginForm>div .tnc a{color:#0f3dde}.LoginComponent .loginForm>div .resendOtp{font-size:14px}.LoginComponent .loginForm .loginBtn{font-size:16px}.LoginComponent.freeTrial{padding:16px 0}}