*{margin:0;padding:0;font-family:Mulish}body{background:#2b2b2b}.main_wrapper{width:90%;max-width:350px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.form-container{width:100%;height:320px;background:#1c1c1c;border-radius:5px;box-shadow:inset 1px 0 4px 1px rgb(0 0 0 / 52%);overflow:hidden}.form-container .form-type{height:45px;display:flex;align-items:center}.form-container .form-type .inners{width:50%;height:50px;line-height:40px;text-align:center;color:#fff;font-family:fantasy;font-size:1.3em;cursor:pointer;user-select:none}.form-container .form-type .inners{width:50%;height:50px;line-height:40px;text-align:center;color:#fff;font-family:fantasy;font-size:1.4em;cursor:pointer;background:#2b2b2b;transition-duration:.3s;box-shadow:2px 2px 3px 1px rgb(0 0 0 / 40%);box-sizing:border-box;padding-top:8px}.form-container .form-type .inners.active{background-image:url(../img/back.jpg);background-size:cover;background-repeat:no-repeat;position:relative;font-weight:700;box-shadow:0 3px 4px 2px rgb(1 251 248 / 32%)}.form-container .form-con{padding:5px;box-sizing:border-box;width:200%;display:flex;position:relative;overflow:hidden;left:0;transition-duration:.5s}.form-container .form-con.signup{left:-100%}.form-container .form-con .form-sec{width:300%;display:block;text-align:center;padding:20px;box-sizing:border-box;height:274px;display:flex;justify-content:center;align-items:center}.form-container .form-con .form-sec form{width:90%}.form-container .form-con .form-sec form .inputgrp{position:relative}.form-container .form-con .form-sec input{margin:10px 0;outline:0;width:100%;padding:8px 10px;border-radius:5px;box-sizing:border-box;border:none;background:#3c3c3c;box-shadow:inset 1px 1px 3px 1px rgb(0 0 0 / 73%);color:#fff}.form-container .form-con .form-sec .inputgrp input[type=Submit]{background:#e94;color:#1c1c1c;font-weight:700;cursor:pointer;box-shadow:0 0 0 2px rgb(238 153 68 / 48%);transition-duration:.3s}.form-container .form-con .form-sec .inputgrp input[type=Submit]:hover{background:#1c1c1c;color:#e94}.form-container .form-con .form-sec .inputgrp.disable input[type=Submit]:hover{background:#e94}.not_valid::before{content:attr(data-validate);position:absolute;max-width:70%;border-radius:2px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0;pointer-events:none;color:#e94;font-size:11px;line-height:1.4;text-align:left;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s;font-family:fantasy}#form_error{color:#e94}.not_valid::after{content:"\f12a";font-family:'Font Awesome 5 Free';font-weight:900;display:block;position:absolute;color:#e94;font-size:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px}.view{position:absolute;right:-25px;top:55%;color:#fff;-moz-transform:translateY(-51%);-ms-transform:translateY(-51%);-o-transform:translateY(-51%);transform:translateY(-51%);cursor:pointer}.btn-loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0;display:flex}.btn-loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:tdb-loading 1s infinite;animation:tdb-loading 1s infinite}.btn-loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.btn-loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@keyframes tdb-loading{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.otp-form-cont{width:100vw;height:100vh;position:fixed;top:0;left:0;text-align:center;background-color:rgba(0,0,0,.4);z-index:10000;transition:opacity .3s;display:flex;justify-content:center;align-items:center}.otp-form-cont .otp-form{display:block;width:478px;opacity:1;background:#fff;color:#1c1c1c;border:1px solid;-webkit-animation:popup .3s;animation:popup .3s;will-change:transform;text-align:center;border-radius:5px;margin:20px auto;-webkit-transform:scale(1);transform:scale(1);padding:5px}@keyframes popup{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}.otp-form-cont .otp-form .header{font-size:18px;padding:20px}.otp-form-cont #otpform{width:80%;max-width:350px;margin:auto}.otp-form-cont #otpform .inputgrp input{margin:10px 0;outline:0;width:50%;padding:8px 10px;border-radius:5px;box-sizing:border-box;border:none;text-align:center;letter-spacing:5px;background:#3c3c3c;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 0 0 2px rgba(0,0,0,.53);transition-duration:.3s}.otp-form-cont #otpform .otpsumbit{width:30%;margin:auto}.otp-form-cont #otpform .inputgrp input[type=Submit]{margin:10px 0;outline:0;width:100%;padding:8px 10px;border-radius:5px;box-sizing:border-box;border:none;background:#3c3c3c;color:#fff;background:#e94;color:#1c1c1c;font-weight:700;cursor:pointer;box-shadow:0 0 0 2px rgb(238 153 68 / 48%);transition-duration:.3s}.otp-form-cont .otp-form .succmsg{font-size:17px;position:relative;text-align:center;padding:20px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.tdb-icon--success{border-color:#a5dc86}.tdb-icon--success:after,.tdb-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tdb-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.tdb-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.tdb-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.tdb-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tdb-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.tdb-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.tdb-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.tdb-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.tdb-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.tdb-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.tdb-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.tdb-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.tdb-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}