.wrapper.login{align-items:stretch;background-color:var(--color-background-primary);flex-direction:row;height:100%;width:100%}.wrapper.login,.wrapper.login .column{align-content:center;display:flex;justify-content:center}.wrapper.login .column{align-items:center;flex-direction:column;min-width:50%;padding:0 20px;width:50%}.wrapper.login .column.second{height:100%;padding:0;position:relative}.wrapper.login .column.second .image{background-image:url(./loginBackground.DaniApjF.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:0}.wrapper.login .form-content{max-width:400px;width:100%}.wrapper.login .form-content .logo{margin-bottom:30px;max-width:140px;width:100%}.wrapper.login .form-content .heading{display:flex;flex-direction:column;gap:15px}.wrapper.login .form-content .heading h1{color:var(--primary-black);font-size:1.8em;font-weight:600;line-height:1}.wrapper.login .form-content .heading h2{color:var(--tertiary-black);font-size:1.1em;font-weight:400;line-height:1.2}.wrapper.login .form-content .divider{background:var(--color-border);height:2px;margin:25px 5px;width:100%}.wrapper.login .form-content .safety-badge{align-items:center;align-self:flex-start;background:var(--secondary-white);border:1px solid var(--border-color);border-radius:16px;display:inline-flex;flex-direction:row;gap:8px;margin-bottom:20px;padding:10px 18px;width:100%}.wrapper.login .form-content .safety-badge .icon{color:var(--primary-green);flex-shrink:0;font-size:1.1em}.wrapper.login .form-content .safety-badge .text{color:var(--tertiary-black);font-size:.9em;font-weight:400;line-height:1.3;margin:0}.wrapper.login .form-content .input-wrapper{display:flex;flex-direction:column;position:relative}.wrapper.login .form-content .input-wrapper .sent-message{background:var(--secondary-white);border-radius:18px 9px 9px 18px;display:flex;flex-direction:row;gap:6px;margin-bottom:20px;padding:14px}.wrapper.login .form-content .input-wrapper .sent-message.sms{border-right:4px solid var(--color-border)}.wrapper.login .form-content .input-wrapper .sent-message.sms .icon{color:var(--primary-yellow)}.wrapper.login .form-content .input-wrapper .sent-message.whatsapp{border-right:4px solid #25d366}.wrapper.login .form-content .input-wrapper .sent-message.whatsapp .icon{color:#25d366}.wrapper.login .form-content .input-wrapper .sent-message .icon{font-size:1.4em}.wrapper.login .form-content .input-wrapper .sent-message p{font-size:1em;font-weight:600}.wrapper.login .form-content .input-wrapper label{font-size:1.1em;margin-bottom:10px}.wrapper.login .form-content .input-wrapper input{background:linear-gradient(var(--primary-white),var(--primary-white)),var(--border-color) border-box;background-clip:padding-box,border-box;background-origin:border-box;background:transparent;border:2px solid transparent;border:2px solid var(--color-border);border-radius:30px;color:var(--color-text-primary);font-family:Manrope,Helvetica,Helvetica Neue,helvetica,SF Pro,sans-serif;font-size:1em;font-weight:400;padding:10px 20px;transition:all .1s ease-in-out;transition:all .15s ease-in-out}.wrapper.login .form-content .input-wrapper input:focus{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(0deg,var(--secondary-color) 35%,var(--secondary-color) 100%);background-image:-webkit-linear-gradient(var(--primary-white),var(--primary-white)),-webkit-linear-gradient(0deg,var(--secondary-color) 35%,var(--secondary-color) 100%)}.wrapper.login .form-content .input-wrapper input:focus:hover{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(30deg,var(--border-color) 0,var(--primary-color) 25%,var(--primary-color) 35%,var(--border-color) 100%)}.wrapper.login .form-content .input-wrapper input:hover{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(30deg,var(--border-color) 0,var(--border-color-hover) 25%,var(--border-color-hover) 35%,var(--border-color) 100%)}.wrapper.login .form-content .input-wrapper input::-moz-placeholder{color:var(--tertiary-black);font-weight:300}.wrapper.login .form-content .input-wrapper input::placeholder{color:var(--tertiary-black);font-weight:300}.wrapper.login .form-content .input-wrapper.invalid input{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(30deg,var(--primary-yellow) 0,var(--primary-yellow) 100%);background-image:-webkit-linear-gradient(var(--primary-white),var(--primary-white)),-webkit- linear-gradient(30deg,var(--primary-yellow) 0,var(--primary-yellow) 100%);transition:all .1s ease-in-out}.wrapper.login .form-content .input-wrapper.invalid input:focus:hover,.wrapper.login .form-content .input-wrapper.invalid input:hover{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(30deg,var(--primary-yellow) 0,var(--border-color) 25%,var(--border-color) 35%,var(--primary-yellow) 100%)}.wrapper.login .form-content .input-wrapper.invalid .vue-tel-input{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(30deg,var(--primary-yellow) 0,var(--primary-yellow) 100%);background-image:-webkit-linear-gradient(var(--primary-white),var(--primary-white)),-webkit- linear-gradient(30deg,var(--primary-yellow) 0,var(--primary-yellow) 100%);transition:all .1s ease-in-out}.wrapper.login .form-content .input-wrapper.invalid .vue-tel-input:focus:hover,.wrapper.login .form-content .input-wrapper.invalid .vue-tel-input:hover{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(30deg,var(--primary-yellow) 0,var(--border-color) 25%,var(--border-color) 35%,var(--primary-yellow) 100%)}.wrapper.login .form-content .input-wrapper.invalid .vue-tel-input input{border:unset!important}.wrapper.login .form-content .input-wrapper.icon svg{bottom:0;color:var(--color-text-tertiary);height:20px;margin:auto;position:absolute;right:15px;top:0;width:20px}.wrapper.login .form-content .input-wrapper .error{color:var(--color-action-primary-accent);font-size:.8em;margin-top:5px}.wrapper.login .form-content .input-wrapper .vue-tel-input{background:linear-gradient(var(--primary-white),var(--primary-white)),var(--border-color) border-box;background-clip:padding-box,border-box;background-origin:border-box;border:2px solid transparent;border-radius:30px;height:48px;transition:all .1s ease-in-out;transition:all .15s ease-in-out}.wrapper.login .form-content .input-wrapper .vue-tel-input:focus{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(0deg,var(--secondary-color) 35%,var(--secondary-color) 100%);background-image:-webkit-linear-gradient(var(--primary-white),var(--primary-white)),-webkit-linear-gradient(0deg,var(--secondary-color) 35%,var(--secondary-color) 100%)}.wrapper.login .form-content .input-wrapper .vue-tel-input:focus:hover{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(30deg,var(--border-color) 0,var(--primary-color) 25%,var(--primary-color) 35%,var(--border-color) 100%)}.wrapper.login .form-content .input-wrapper .vue-tel-input:hover{background-image:linear-gradient(var(--primary-white),var(--primary-white)),linear-gradient(30deg,var(--border-color) 0,var(--border-color-hover) 25%,var(--border-color-hover) 35%,var(--border-color) 100%)}.wrapper.login .form-content .input-wrapper .vue-tel-input .vti__dropdown{background:var(--color-border);border-radius:30px 0 0 30px;padding:10px 20px;transition:all .15s ease-in-out}.wrapper.login .form-content .input-wrapper .vue-tel-input input{background:transparent;border:none;border-radius:0 30px 30px 0;color:var(--secondary-black);font-size:1em;font-weight:400;padding:10px}.wrapper.login .form-content .input-wrapper .vue-tel-input input::-moz-placeholder{color:var(--tertiary-black);font-weight:300}.wrapper.login .form-content .input-wrapper .vue-tel-input input::placeholder{color:var(--tertiary-black);font-weight:300}.wrapper.login .form-content .input-wrapper .vue-tel-input input:focus-visible,.wrapper.login .form-content .input-wrapper .vue-tel-input input:focus-within,.wrapper.login .form-content .input-wrapper .vue-tel-input input:hover{border:none}.wrapper.login .form-content .input-wrapper .vue-tel-input:hover{box-shadow:none}.wrapper.login .form-content .input-wrapper .vue-tel-input:hover .vti__dropdown{background:var(--color-border-hover)}.wrapper.login .form-content .input-wrapper .vue-tel-input:focus,.wrapper.login .form-content .input-wrapper .vue-tel-input:focus-within{box-shadow:none}.wrapper.login .form-content .input-wrapper.checkbox.invalid input[type=checkbox]+label:before{box-shadow:0 0 0 2px var(--secondary-white)!important}.wrapper.login .form-content .input-wrapper.checkbox input[type=checkbox]{-webkit-appearance:none!important;-moz-appearance:none!important;-o-appearance:none!important;appearance:none;border:unset;height:24px;opacity:0;position:absolute;transition:all .1s ease-in-out;width:24px}.wrapper.login .form-content .input-wrapper.checkbox input[type=checkbox]+label{cursor:pointer;font-size:1em;line-height:1.2;margin-bottom:0;padding:0;position:relative;transition:all .1s ease-in-out}.wrapper.login .form-content .input-wrapper.checkbox input[type=checkbox]+label:before{background:transparent;border-radius:10px;box-shadow:0 0 0 2px var(--border-color);content:"";display:inline-block;height:24px;margin-right:10px;transition:all .1s ease-in-out;vertical-align:text-top;width:24px}.wrapper.login .form-content .input-wrapper.checkbox input[type=checkbox]:hover+label:before{background:var(--border-color)}.wrapper.login .form-content .input-wrapper.checkbox input[type=checkbox]:focus+label:before{box-shadow:0 0 0 2px var(--border-color)}.wrapper.login .form-content .input-wrapper.checkbox input[type=checkbox]:checked+label:before{background:var(--border-color)}.wrapper.login .form-content .input-wrapper.checkbox input[type=checkbox]:disabled+label{color:var(--tertiary-white);cursor:auto}.wrapper.login .form-content .input-wrapper.checkbox input[type=checkbox]:disabled+label:before{background:var(--tertiary-white);box-shadow:none}.wrapper.login .form-content .input-wrapper.checkbox input[type=checkbox]:checked+label:after{background:var(--tertiary-white);box-shadow:2px 0 0 var(--primary-black),4px 0 0 var(--primary-black),4px -2px 0 var(--primary-black),4px -4px 0 var(--primary-black),4px -6px 0 var(--primary-black),4px -8px 0 var(--primary-black);content:"";height:2px;left:7px;position:absolute;top:11px;transform:rotate(45deg);width:2px}.wrapper.login .form-content .form{display:flex;flex-direction:column;gap:25px}.wrapper.login .form-content .form .otp-input-container .otp-input{background-color:transparent;border:1px solid var(--border-color);border-radius:10px;caret-color:var(--primary-black);color:var(--primary-black);font-size:1.2em;height:50px;margin:0 10px;padding:5px;text-align:center;width:50px}.wrapper.login .form-content .form .otp-input-container .otp-input::-webkit-inner-spin-button,.wrapper.login .form-content .form .otp-input-container .otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wrapper.login .form-content .form .otp-input-container input::-moz-placeholder{color:var(--tertiary-black);font-size:1.2em;font-weight:600;text-align:center}.wrapper.login .form-content .form .otp-input-container input::placeholder{color:var(--tertiary-black);font-size:1.2em;font-weight:600;text-align:center}.wrapper.login .form-content .form .new-user-forms{align-content:center;align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.wrapper.login .form-content .form .new-user-forms .input-wrapper{width:100%}.wrapper.login .form-content .form .new-user-forms .row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:space-between;padding:0;width:100%}.wrapper.login .form-content .form .new-user-forms .row .input-wrapper{width:calc(50% - 5px)}.wrapper.login .form-content .form .error{color:var(--color-action-primary-accent)}.wrapper.login .form-content .action{display:flex;flex-direction:column;gap:15px;margin-top:30px}.wrapper.login .form-content .action .disclaimer{font-size:.9em}.wrapper.login .form-content .action button .loader .lottie{height:25px!important}@media(max-width:991.98px){.wrapper.login .column .form-content{width:100%}.wrapper.login .column .form-content .form .otp-input-container .otp-input{margin:0 4px}}@media(max-width:767.98px){.wrapper.login{flex-direction:column}.wrapper.login .column{padding:20px;width:100%}.wrapper.login .column.second{display:none}.wrapper.login .column .form-content{width:100%}.wrapper.login .column .form-content .form .otp-input-container .otp-input{height:46px;width:46px}}