.account-setup-page,.login-page{width:100%;height:100vh;display:flex;padding:0;margin:0;overflow:hidden}.account-setup-page .column,.login-page .column{width:50%;max-height:100vh;position:relative;content:"";display:flex;flex-direction:column;justify-content:center;align-items:center}.account-setup-page .login-form,.login-page .login-form{-ms-overflow-style:none;scrollbar-width:none;width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:50px;overflow-y:scroll;padding:50px 0}.account-setup-page .login-form::-webkit-scrollbar,.login-page .login-form::-webkit-scrollbar{display:none}.account-setup-page .login-form .heading,.login-page .login-form .heading{text-align:center}.account-setup-page .login-form .heading h1,.login-page .login-form .heading h1{font-size:40px}.account-setup-page .login-form .heading h3,.login-page .login-form .heading h3{font-weight:400}.account-setup-page .login-form form,.login-page .login-form form{width:70%;display:flex;flex-direction:column;gap:20px}.account-setup-page .login-form form button,.login-page .login-form form button{background:none;border:none;outline:none}.account-setup-page .login-form form .input-element,.login-page .login-form form .input-element{width:100%;display:flex;gap:10px;border:1px solid rgba(2,171,19,.408);border-radius:8px;padding:5px;position:relative;overflow:hidden}.account-setup-page .login-form form .input-element .error-message,.login-page .login-form form .input-element .error-message{position:absolute;top:0;right:8px;background-color:#c10000;color:#fff;font-size:12px;padding:3px 8px}.account-setup-page .login-form form .input-element.error,.login-page .login-form form .input-element.error{border-color:#c10000}.account-setup-page .login-form form .input-element .input-icon,.login-page .login-form form .input-element .input-icon{width:35px;height:35px;border-radius:8px;display:flex;justify-content:center;align-items:center;background-color:#00822c;color:#fff}.account-setup-page .login-form form .input-element input,.login-page .login-form form .input-element input{width:100%;border:none;outline:none;font-size:16px}.account-setup-page .login-form form .forget-password-link,.login-page .login-form form .forget-password-link{text-align:end;font-size:18px}.account-setup-page .login-form form .forget-password-link span,.login-page .login-form form .forget-password-link span{color:#00822c}.account-setup-page .login-form form .forget-password-link span:hover,.login-page .login-form form .forget-password-link span:hover{text-decoration:underline}.account-setup-page .login-form form .login-page-link,.account-setup-page .login-form form .sign-up-page-link,.login-page .login-form form .login-page-link,.login-page .login-form form .sign-up-page-link{text-align:center}.account-setup-page .login-form form .login-page-link span,.account-setup-page .login-form form .sign-up-page-link span,.login-page .login-form form .login-page-link span,.login-page .login-form form .sign-up-page-link span{color:#00822c}.account-setup-page .login-form form .login-page-link span:hover,.account-setup-page .login-form form .sign-up-page-link span:hover,.login-page .login-form form .login-page-link span:hover,.login-page .login-form form .sign-up-page-link span:hover{text-decoration:underline}.account-setup-page .login-form .third-party-login-area-separator,.login-page .login-form .third-party-login-area-separator{width:100%;display:flex;align-items:center;gap:30px}.account-setup-page .login-form .third-party-login-area-separator .horizontal-line,.login-page .login-form .third-party-login-area-separator .horizontal-line{width:40%;height:2px;content:"";background-color:rgba(89,92,90,.408)}.account-setup-page .login-form .third-party-login-area-separator .message,.login-page .login-form .third-party-login-area-separator .message{white-space:nowrap;font-weight:700}.account-setup-page .login-form .third-party-btns,.login-page .login-form .third-party-btns{display:flex;gap:30px}.account-setup-page .login-form .third-party-btns .btn,.login-page .login-form .third-party-btns .btn{display:flex;align-items:center;font-size:20px;font-weight:700;gap:20px;padding:8px 25px;border:1px solid hsla(0,0%,45%,.233);border-radius:10px;cursor:pointer;transition:.2s}.account-setup-page .login-form .third-party-btns .btn:hover,.login-page .login-form .third-party-btns .btn:hover{background-color:rgba(2,171,19,.408)}.account-setup-page .login-form .third-party-btns .btn .image-icon,.login-page .login-form .third-party-btns .btn .image-icon{height:30px;width:auto}.account-setup-page .login-form .login-page-link,.login-page .login-form .login-page-link{text-align:center}.account-setup-page .login-form .login-page-link span,.login-page .login-form .login-page-link span{color:#00822c}.account-setup-page .login-form .login-page-link span:hover,.login-page .login-form .login-page-link span:hover{text-decoration:underline}.type-selection{display:flex;gap:30px;padding:30px 70px;width:100%;justify-content:center;box-sizing:border-box}.type-selection.type-selected{gap:15px;padding:20px 0}.type-selection.type-selected .account-type{flex-direction:row;align-items:center;gap:15px;padding:12px 18px 8px}.type-selection.type-selected .account-type .type-icon{padding:0}.type-selection.type-selected .account-type .type-icon .icon{font-size:25px}.type-selection.type-selected .account-type .details{align-items:flex-start;gap:15px}.type-selection.type-selected .account-type .details .type-heading{font-size:16px;line-height:0}.type-selection.type-selected .account-type .details p{display:none}.type-selection .account-type{display:flex;flex-direction:column;align-items:center;padding:15px 18px;border:1px solid hsla(0,0%,45%,.233);transition:.15s;cursor:pointer}.type-selection .account-type:hover{background-color:hsla(0,0%,45%,.233)}.type-selection .account-type.selected{background-color:#00822c;color:#fff}.type-selection .account-type .type-icon .icon{font-size:35px}.type-selection .account-type .details{display:flex;flex-direction:column;align-items:center}.type-selection .account-type .details .type-heading{font-size:20px;font-weight:700}.type-selection .account-type .details p{text-align:center;line-height:1.1em;font-size:14px}.set-up-form{-ms-overflow-style:none;scrollbar-width:none;width:100%;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;padding:30px 50px!important;overflow-y:scroll}.set-up-form::-webkit-scrollbar{display:none}.set-up-form .display-none{display:none}.set-up-form h3{font-weight:400}.profile-form{width:100%;max-height:0;overflow:hidden;display:flex;flex-direction:column;gap:40px;margin-top:40px;transition:.15s}.profile-form.visible{max-height:2000px;padding:10px 0}.profile-form .basic{width:100%;display:flex;align-items:center;gap:40px}.profile-form .basic .image{width:200px!important;height:200px!important;border-radius:50%;overflow:hidden;position:relative;border:1px solid rgba(168,198,249,.565)}.profile-form .basic .image:hover .dp-input-label{height:100%;padding:0;background-color:#00822c;color:#fff;font-size:18px}.profile-form .basic .image .dp-input-label{position:absolute;bottom:0;z-index:5;background-color:rgba(168,198,249,.565);font-size:14px;font-weight:700;width:100%;height:20%;display:flex;align-items:center;justify-content:center;padding:20px 0 30px;transition:.3s}.profile-form .basic .image input{display:none}.profile-form .basic .input-fields{width:calc(100% - 260px)}.profile-form .submit-btn{display:flex;justify-content:flex-end;margin-top:20px}.profile-form .submit-btn .primary-btn{width:-moz-fit-content;width:fit-content}