.primary_btn{color:var(--white);background-color:var(--primary-color);cursor:pointer;border:none;border-radius:30px;width:100%;height:56px;padding:15px 30px;font-size:22px;font-weight:500;line-height:100%;transition:background-color .3s}@media (max-width:768px){.primary_btn{letter-spacing:0%;font-size:16px;font-weight:500}}.error_text{color:#ba2424cc;font-size:12px;font-weight:400}.primary_btn:hover{background-color:var(--primary-color-dark)}.input_field{flex-direction:column;display:flex}.input_field label{margin-bottom:10px;font-weight:500}.input_field .input_wrapper{align-items:center;display:flex;position:relative}.input_field .input_wrapper input{border:.5px solid #1e1e1e40;border-radius:30px;outline:none;width:100%;padding:15px;font-size:18px;font-weight:400}.input_field .input_wrapper.has-error input{border-color:#ba2424cc}.input_field .input_wrapper .eye_icon{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:20px;position:absolute;right:15px}.input_field input{border:.5px solid #dd1e1e}.otp_field{text-align:center;border:.5px solid #1e1e1e40;border-radius:10px;outline:none;width:69px;height:56px;padding:0;font-size:18px;font-weight:400}.mobile_number_field{align-items:center;gap:12px;display:flex}.mobile_number_field select,.mobile_number_field input{border:.5px solid #1e1e1e40;border-radius:30px;outline:none;padding:15px;font-size:18px;font-weight:400}.mobile_number_field.has-error select,.mobile_number_field.has-error input{border-color:#ba2424cc}.mobile_number_field select{width:120px;padding:15px}.mobile_number_field input{flex:1}@media (max-width:1024px){.primary_btn{height:52px;padding:14px 24px;font-size:18px}.input_field label{margin-bottom:10px;font-size:16px}.input_field .input_wrapper input{padding:14px;font-size:16px}.mobile_number_field select,.mobile_number_field input{padding:10px;font-size:16px}.mobile_number_field select{width:75px}.otp_field{width:60px;height:52px;font-size:16px}}@media (max-width:768px){.primary_btn{border-radius:25px;height:50px;padding:10px 20px;font-size:16px}.input_field label{margin-bottom:8px;font-size:15px}.input_field .input_wrapper input{border-radius:25px;padding:12px;font-size:15px}.input_field .eye_icon{font-size:18px;right:12px}.mobile_number_field select,.mobile_number_field input{border-radius:25px;padding:12px;font-size:14px}.mobile_number_field select{max-width:none}.otp_field{width:55px;height:48px;font-size:15px}}@media (max-width:480px){.primary_btn{border-radius:22px;height:48px;padding:10px 18px;font-size:15px}.input_field label{margin-bottom:6px;font-size:14px}.input_field .input_wrapper input{border-radius:22px;padding:10px 12px;font-size:14px}.mobile_number_field{gap:8px}.mobile_number_field select,.mobile_number_field input{border-radius:22px;padding:10px 12px;font-size:14px}.otp_field{width:45px;height:44px;font-size:14px}}
