.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:#e14262;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{margin-bottom:20px}.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:#e14262;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-controlling{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-top-left-radius:50px !important;border-bottom-left-radius:50px !important;border-bottom-right-radius:0 !important;border-top-right-radius:0 !important;border:none}#phone-number.form-controlling{font-weight:400 !important;font-size:16px;color:#000;width:74%}#phone-number.form-controlling:focus{box-shadow:none;outline:none;border:none;background:#f3f4f6 !important}#phone-number.form-controlling::-webkit-outer-spin-button,#phone-number.form-controlling::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#phone-number.form-controlling{-moz-appearance:textfield}.get-otp-btn{padding:10px 20px;background:#e14262;color:#fff;border-radius:50px;font-size:16px;font-weight:700;width:100%;border:none !important;cursor:pointer}.get-otp-btn:disabled{cursor:not-allowed;opacity:.6}.continue-btn{padding:10px 20px;background:#e14262;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-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:#e14246;font-size:16px;font-weight:600}@media(max-width: 768px){.login-container{height:100%}.modal-body{padding:0}.input-group{flex-wrap:nowrap}}#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{width:69px !important;height:69px !important;font-size:24px;text-align:center;border:2px solid #ccc;border-radius:10px;outline:none}.otp-input2{font-size:24px;text-align:center;border:2px solid #ccc;border-radius:10px;outline:none;width:14%}.otp-input:focus{border-color:#e14246}.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button,.otp-input2::-webkit-outer-spin-button,.otp-input2::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input,.otp-input2{-moz-appearance:textfield}.submit-btn{padding:10px 20px;background:#e14262;color:#fff;border-radius:50px;font-size:16px;font-weight:700;width:100%;border:none;cursor:pointer}.resend-container{text-align:center;margin-top:20px}.submit-container{text-align:center;margin-top:20px}#resend-otp{color:#e14262}.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{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}.continue-phone{font-size:16px;font-weight:600;padding:10px 20px;width:100%;background:#fff;color:#000;border-radius:50px;border:1px solid #000;display:flex;justify-content:center;align-items:center;gap:1rem}.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 0px}#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 0px 0px 0px 1px;height:18px;width:18px;margin-right:10px;flex-shrink:0;margin-top:-1px;transition:all .2s ease 0s;cursor:pointer;transform-origin:0px 10px;border-radius:2px;margin:4px 0px 0px 0px;padding:0px;box-sizing:border-box}.show-dropdown-container input:checked~.checkmark{box-shadow:#fff 0px 0px 0px 1px;background-color:#ffe4e9;height:18px;width:18px;margin-right:10px;flex-shrink:0;margin-top:-1px;transition:all .2s ease 0s;cursor:pointer;transform-origin:0px 10px;border-radius:2px;margin:4px 0px 0px 0px;padding:0px;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 500ms ease-in-out}.otp-input2:focus{border-color:#e14262}#timer{color:gray;text-align:center}button.disabled{cursor:not-allowed;opacity:.6}
