.auth-form{margin-top:10px}.auth-form__input{margin:5px 0;width:100%;padding:10px;border-bottom:2px solid var(--gray-200);transition:var(--transition)}.auth-form__input:focus{border-bottom-color:var(--gray-500)}label{display:inline-block;padding-left:10px;margin-top:10px;font-size:15px;font-weight:500}.password-container{position:relative}.password-container span{cursor:pointer;position:absolute;top:20px;right:18px}.formGroupSurname{margin-left:10px}.nameCol{display:flex;align-items:center;justify-content:space-between}.auth-form__btn{margin:10px 0;padding:15px 20px;width:100%;color:var(--white);background-color:var(--black);border-radius:var(--border-radius-10);transition:var(--transition)}.auth-form__btn:hover{background-color:var(--dark)}.havaAccount{margin:10px 0;text-align:center;color:var(--black-100)}.havaAccount span{cursor:pointer;color:var(--purple-100);text-decoration:underline}.formCheckBox{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.checkbox-wrapper-46 input[type=checkbox]{display:none;visibility:hidden}.checkbox-wrapper-46 .cbx{margin:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.checkbox-wrapper-46 .cbx span{display:inline-block;vertical-align:middle;transform:translateZ(0)}.checkbox-wrapper-46 .cbx span:first-child{position:relative;width:18px;height:18px;border-radius:3px;transform:scale(1);vertical-align:middle;border:1px solid #9098a9;transition:all .2s ease}.checkbox-wrapper-46 .cbx span:first-child svg{position:absolute;top:3px;left:2px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.checkbox-wrapper-46 .cbx span:first-child:before{content:"";width:100%;height:100%;background:var(--gray-500);display:block;transform:scale(0);opacity:1;border-radius:50%}.checkbox-wrapper-46 .cbx span:last-child{padding-left:8px}.checkbox-wrapper-46 .cbx:hover span:first-child{border-color:var(--gray-500)}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child{background:var(--gray-500);border-color:var(--gray-500);animation:wave-46 .4s ease}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child:before{transform:scale(3.5);opacity:0;transition:all .6s ease}@keyframes wave-46{50%{transform:scale(.9)}}.forgetPassword{cursor:pointer;transition:var(--transition)}.forgetPassword:hover{color:var(--gray-500)}@media(max-width:375px){.forgetPassword{width:180px;text-align:center}}.otp-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:20px}.error{color:red}.modal{margin:30px 0}.input-container{position:relative;margin:50px auto;width:200px}.input-container input[type=text]{font-size:20px;width:100%;border:none;border-bottom:2px solid #ccc;padding:5px 0;background-color:transparent;outline:none}.input-container .label{position:absolute;top:0;left:0;color:#ccc;transition:all .3s ease;pointer-events:none}.input-container input[type=text]:focus~.label,.input-container input[type=text]:valid~.label{top:-20px;font-size:16px;color:#333}.input-container .underline{position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:#333;transform:scaleX(0);transition:all .3s ease}.input-container input[type=text]:focus~.underline,.input-container input[type=text]:valid~.underline{transform:scaleX(1)}