.wrapper{overflow:hidden;max-width:475px;padding:15px;border-radius:15px}.wrapper .title-text{display:flex;width:200%}input:-internal-autofill-selected{background-color:#fff!important}.wrapper .title{width:50%;font-size:35px;font-weight:600;text-align:center;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .slide-controls{position:relative;display:flex;height:50px;width:100%;overflow:hidden;margin:30px 0 10px;justify-content:space-between;border:1px solid lightgrey;border-radius:15px}.slide-controls .slide{height:100%;width:100%;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:48px;cursor:pointer;z-index:1;transition:all .6s ease}.slide-controls label.signup{color:#000}.slide-controls .slider-tab{position:absolute;height:100%;width:50%;left:0;z-index:0;border-radius:15px;background:-webkit-linear-gradient(right,#70aad6,#70aad6,#70aad6,#007ec8);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}input[type=radio]{display:none}#signup:checked~.slider-tab{left:50%}#signup:checked~label.signup{color:#fff;cursor:default;user-select:none}#signup:checked~label.login{color:#000}#login:checked~label.signup{color:#000}#login:checked~label.login{cursor:default;user-select:none}.wrapper .form-container{width:100%;overflow:hidden}.login.form.slide-left{transform:translate(-100%);opacity:0}.signup.form.slide-right{transform:translate(100%);opacity:0}.zoom-in-left{animation:zoomInLeft .5s ease forwards;display:block}.zoom-in-right{animation:zoomInRight .5s ease forwards;display:block}.hidden{display:none}@keyframes zoomInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoomInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.login.form,.signup.form{transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.form-inner .form .field{height:50px;width:100%;margin-top:20px}.form-inner .form .field input{height:100%;width:100%;outline:none;padding-left:15px;border-radius:15px;border:1px solid lightgrey;border-bottom-width:2px;font-size:17px;transition:all .3s ease}.form-inner .form .field input:focus{border-color:#70aad6}.form-inner .form .field input::placeholder{color:#999;transition:all .3s ease}.form .field input:focus::placeholder{color:#70aad6}.form-inner .form .pass-link{margin-top:5px}.form-inner .form .signup-link{text-align:center}.form-inner .form .pass-link a,.form-inner .form .signup-link a{color:#888;text-decoration:none;cursor:pointer}.form-inner .form .pass-link a:hover,.form-inner .form .signup-link a:hover{color:#007ec8}.form .btn{width:100%;position:relative;overflow:hidden}.form .btn .btn-layer{height:100%;width:300%;position:absolute;left:-100%;background:-webkit-linear-gradient(right,#70aad6,#70aad6,#70aad6,#007ec8);border-radius:15px;transition:all .4s ease}.form .btn:hover .btn-layer{left:0}.form .btn input[type=submit]{height:100%;width:100%;z-index:1;position:relative;background:none;border:none;color:#fff;padding-left:0;border-radius:15px;font-size:18px;font-weight:500;cursor:pointer}.finger-scanner{width:62px;background:#335bf4;border-radius:7px;color:#fff;margin-top:-3px;height:55px;padding:6px}.verification__fields{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.verification__field{letter-spacing:1.7px;padding:0;margin:0;border:none;outline:none;stroke:none;box-shadow:none;width:100%;height:100%;height:60px;text-align:center}.verification__input{background:#dde6f3;letter-spacing:1.7px;margin:0 4px 0 0;border:none;outline:none;stroke:none;box-shadow:none;width:150px;height:50px;transition:.2s 0s ease-out;width:45px;height:45px;border-radius:9px;padding:15px 0;text-align:center;font-size:14px;font-weight:700}.verification__input:hover{box-shadow:0 0 0 .25rem #a5b3d499}.verification__input:focus{box-shadow:0 0 0 .25rem #1a255673}.passcde__input{background:#fff;letter-spacing:1.7px;margin:0 15px 0 0;border:none;outline:none;stroke:none;box-shadow:none;width:150px;height:50px;transition:.2s 0sease-out;width:45px;height:45px;border-radius:9px;padding:0;text-align:center;font-size:14px;font-weight:700}.passcde__input:hover{box-shadow:0 0 0 .25rem #a5b3d499}.passcde__input:focus{box-shadow:0 0 0 .25rem #1a255673}@media screen and (max-width: 400px){.verification__input{width:36px!important;height:36px!important}.slide-controls .slide{font-size:14px}.form .btn input[type=submit]{font-size:16px!important}}@media screen and (max-width: 320px){.verification__input{width:32px!important;height:32px!important}}@media screen and (max-width: 400px){.passcde__input{width:36px!important;height:36px!important}}@media screen and (max-width: 320px){.passcde__input{width:32px!important;height:32px!important}}@media screen and (max-width: 800px){.hide-on-mobile{display:none!important}.passcde__input{background:#fff;letter-spacing:1.7px;margin:0 12px 0 0;border:none;outline:none;stroke:none;box-shadow:none;width:150px;height:50px;transition:.2s 0s ease-out;width:45px;height:45px;border-radius:9px;padding:15px 0;text-align:center;font-size:14px;font-weight:700}}.flag2{width:30px!important;height:30px!important;border-radius:400px!important;margin-right:10px}.flag3{width:30px!important;height:30px!important;border-radius:400px!important;margin-right:5px}.currcntcode{font-weight:600;font-size:16px}.custom-select{border:0;font-weight:600;font-size:16px;padding:0 5px 0 0}.cal-result{background-color:#f3f3f3;border-radius:15px;padding:15px}.default-select{appearance:auto}.loader-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loader-wrapper .loading-icon{width:80px;height:80px}.loader-wrapper span{margin-top:10px}.web-pad-0-180{padding:0 180px}@media (max-width: 768px){.displaynonesm{display:none}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:300px;text-align:center}.modal-body{display:flex;flex-direction:column;gap:20px;align-items:center}.modal-body p{margin:0;font-size:16px;font-weight:500}.modal-body button{min-width:100px;padding:8px 16px}
