.header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:4rem}#login-text-modal{display:flex;justify-content:left;align-items:flex-start;text-align:left;gap:1rem;line-height:1}#login-description{font-size:14px;font-weight:400;margin-bottom:2rem}.log-head{font-size:24px;font-weight:700;color:#e70;margin-bottom:0}.login-container{width:100%;max-width:400px;padding:20px;background:#fff;border-radius:10px;text-align:center;border:1px solid #D9D9D9}.login-container h1,.login-container input{margin-bottom:20px}.login-container .btn{width:100%;margin-bottom:10px}.login-container .divider-nav{display:flex;align-items:center;text-align:center;margin:20px 0}.login-container .divider-nav:before,.login-container .divider-nav:after{content:"";flex:1;border-bottom:1px solid #535353}.login-container .divider-nav .or-text{background:#fff;padding:0 1rem;position:relative;z-index:1}.back-button{color:#e70;font-size:18px;cursor:pointer}#phone-container{display:flex;flex-direction:column;align-items:flex-start;font-size:18px;font-weight:600}.field-heading{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:4rem}.user-number{font-weight:600;font-size:16px}.change-phn{font-size:16px;font-weight:400;text-decoration:underline;cursor:pointer;color:#535353}.phone-text{font-size:18px;font-weight:600}#info-text{font-size:14px;font-weight:400;color:#444}#phone-code{font-size:16px;margin-bottom:0}.input-group{height:52px}.form-control{background:#f3f4f6;color:#b3b3b3;border:none;border-top-right-radius:50px!important;border-bottom-right-radius:50px!important;height:52px!important}.input-group-text{height:52px;background:#f3f4f6;gap:.5rem;border-radius:50px 0 0 50px!important;border:none}#phone-number.form-control{font-weight:400!important;font-size:16px;color:#000}#phone-number.form-control:focus{box-shadow:none;color:#000;background:#f3f4f6!important}.get-otp-btn{padding:10px 20px;background:#e70;color:#fff;border-radius:50px;font-size:16px;font-weight:700;width:100%;border:none!important;cursor:pointer}.continue-btn{padding:10px 20px;background:#e70;color:#fff;border-radius:50px;font-size:16px;font-weight:700;width:100%;border:none!important}.continue-btn:focus{outline:none}.or-text{color:gray}.continue-email{font-size:16px;font-weight:600;padding:10px 20px;width:100%;background:#fff;color:#000;border-radius:50px;border:1px solid #535353;display:flex;justify-content:center;align-items:center;gap:1rem}.continue-google{font-size:16px;font-weight:600;width:100%;padding:10px 20px;background:#fff;color:#000;border-radius:50px;border:1px solid #535353;display:flex;justify-content:center;align-items:center;gap:1rem}.error-message{color:#c40;font-size:16px;font-weight:600}@media (max-width: 768px){.login-container{height:100%;border:none;border-radius:0}}#verify-description{font-size:14px;font-weight:400;margin-bottom:0;margin-top:1rem}.otp-container{display:flex;justify-content:center;gap:10px;margin-top:20px}.otp-input-whatsapp{width:69px!important;height:69px!important;font-size:24px;text-align:center;border:2px solid #ccc;border-radius:10px;outline:none}.otp-input-text{font-size:24px;text-align:center;border:2px solid #ccc;border-radius:10px;outline:none;width:14%}.otp-input-whatsapp:focus{border-color:#e70}.submit-btn{padding:10px 20px;background:#e70;color:#fff;border-radius:50px;font-size:16px;font-weight:700;width:100%;border:none}.resend-container,.submit-container{text-align:center;margin-top:20px}#resend-otp{color:#e70}.circle-tick{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#629b25;border:2px solid #629B25}.tick{font-size:20px}#text-verified{color:#629b25;font-size:16px;font-weight:700}#tick-svg{width:33px;height:33px}.tick-path,.tick-stroke{stroke-dasharray:100;stroke-dashoffset:100;animation:draw 1s ease-in-out forwards}@keyframes draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.form-email-control{border-radius:50px!important}.continue-phone{font-size:16px;font-weight:600;padding:10px 20px;width:100%;background:#fff;color:#000;border-radius:50px;border:1px solid #000000;display:flex;justify-content:center;align-items:center;gap:1rem}#email.form-control{font-weight:600;font-size:16px;color:#b3b3b3;padding-left:2rem}.modal-body{padding:0!important}.phn-verified{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:1rem}.desc-div{width:100%;display:flex;justify-content:space-between;align-items:center}.otp-container2{display:flex;justify-content:space-between;align-items:center}.otp-container2>input{padding:7px 0}#dontHaveWhatsapp{width:20px;height:20px;margin-top:2px}.dont-have-wp-label{font-size:14px;text-align:left;color:#636363;margin-left:.25rem;margin-bottom:0;margin-top:.25rem;line-height:1.2;font-weight:400!important}input[type=checkbox]{accent-color:#f9c591}.show-dropdown-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;pointer-events:none}.show-dropdown-container{display:flex;gap:5px;font-size:inherit;line-height:normal}.checkmark{position:relative;box-shadow:#535353 0 0 0 1px;height:18px;width:18px;flex-shrink:0;transition:all .2s ease 0s;cursor:pointer;transform-origin:0px 10px;border-radius:2px;margin:4px 0 0;padding:0;box-sizing:border-box}.show-dropdown-container input:checked~.checkmark{box-shadow:#fff 0 0 0 1px;background-color:#ffefdf;height:18px;width:18px;flex-shrink:0;transition:all .2s ease 0s;cursor:pointer;transform-origin:0px 10px;border-radius:2px;margin:4px 0 0;padding:0;box-sizing:border-box}.checkmark:after{content:"";position:absolute;display:none}.show-dropdown-container input:checked~.checkmark:after{display:block}.show-dropdown-container .checkmark:after{left:.45em;top:.17em;width:.29em;height:.75em;border:solid #c40;border-width:0 .12em .12em 0;transform:rotate(45deg);transition:all .5s ease-in-out}.otp-input-text:focus{border-color:#e70}#timer{color:gray;text-align:center}#loader{border:5px solid #f3f3f3;border-top:5px solid #ee7700;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.centered-loader{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;height:100%;width:100%;background-color:#ffffffb3;z-index:9999}button.disabled{cursor:not-allowed;opacity:.6}