@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");html,body{font-family:"Roboto", sans-serif;font-optical-sizing:auto;font-size:14px;padding:0;margin:0;color:#151617;background:#ECEFF6;background-image:url(../imgs/bg.svg);background-size:cover}a:hover{text-decoration:none}img{max-width:100%}#header{padding:10px 30px;display:flex;justify-content:space-between}#header .logo{color:#52ae30;font-weight:700;font-size:24px}#header ul{padding:0;margin:0;display:flex;align-items:center}#header ul li{list-style-type:none;margin-right:15px}@media (max-width: 767px){#header ul li:first-child{display:none}}#header ul li:last-child{margin-right:0}#header ul li a{color:#151617;text-transform:uppercase}#header ul li a.active{font-weight:600}#header ul li span{display:inline-block;margin:0 5px}#main{padding:50px 0}#main .container{max-width:950px}#main .loginarea{background:#E3E8F1;border-radius:10px;padding:20px}@media (max-width: 991px){#main .loginarea{max-width:530px;margin:0 auto;margin-bottom:50px}}#main .loginarea .box{background:#FFF;border-radius:10px;padding:20px}#main .loginarea .box .qr{display:flex;align-items:center;justify-content:space-between}#main .loginarea .box .qr p{margin-bottom:0;color:#7d828b}#main .loginarea .box .logos{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#main .loginarea .box .logos .logo{display:flex;justify-content:center;align-items:center;min-width:40px;min-height:40px;border-radius:100%;background:#F6F7FA}#main .loginarea .box .logos .logo img{width:24px;height:24px}#main .loginarea .box form legend{font-weight:700;font-size:20px;margin-bottom:20px}#main .loginarea .box form .tabss{display:flex;justify-content:space-between;margin-bottom:20px}@media (max-width: 767px){#main .loginarea .box form .tabss{display:block}}#main .loginarea .box form .tabss button{width:48%;background:#f6f7fa;height:32px;text-transform:uppercase;text-align:center;border:0;border-radius:7px;font-weight:500}#main .loginarea .box form .tabss button:focus{outline:0;box-shadow:none}#main .loginarea .box form .tabss button.active{background:#52ae30;color:#fff}@media (max-width: 767px){#main .loginarea .box form .tabss button{width:100%;margin-bottom:10px}#main .loginarea .box form .tabss button:last-child{margin-bottom:0}}#main .loginarea .box form .form-group{position:relative}#main .loginarea .box form .form-group.has-error label{color:#ff435a}#main .loginarea .box form .form-group.has-error input{border-color:#ff435a}#main .loginarea .box form .form-group.has-error .errmsg{color:#ff435a;font-size:12px;margin-top:4px}#main .loginarea .box form .form-group.focused label{color:#52AE30}#main .loginarea .box form .form-group.focused input{border-color:#52AE30}#main .loginarea .box form .form-group.focused input::placeholder{opacity:1}#main .loginarea .box form .form-group label{position:absolute;left:0;top:12px;font-size:14px;color:#7d828b;transition:all 0.3s}#main .loginarea .box form .form-group label.active{font-size:11px;top:0}#main .loginarea .box form .form-group input{height:40px;border:0;border-bottom:1.5px solid #7D828B;border-radius:0;padding-left:0;padding-top:18px;transition:all 0.3s}#main .loginarea .box form .form-group input:focus{outline:0;box-shadow:none}#main .loginarea .box form .form-group input::placeholder{opacity:0}#main .loginarea .box form .code-wrapper{display:flex;gap:18px;align-items:center}#main .loginarea .box form .code-wrapper .code-input{width:40px;height:45px;border:none;border-bottom:3px solid #ccc;text-align:center;font-size:20px;outline:none;background:transparent}#main .loginarea .box form .code-wrapper .code-input.active{border-bottom-color:#4CAF50}#main .loginarea .box form .code-wrapper .code-input.filled{border-bottom-color:#000}#main .loginarea .box form .code-wrapper .code-input::placeholder{color:transparent}#main .loginarea .box form .error{background:#ffecef;border-radius:10px;padding:10px;margin-bottom:20px}#main .loginarea .box form .error p{color:#ff435a;line-height:24px;margin-bottom:0;font-size:12px}#main .loginarea .box form .twice{display:flex;justify-content:space-between}#main .loginarea .box form .twice p{margin-bottom:0}#main .loginarea .box form .btns button{background:#52ae30;color:#FFF;text-align:center;font-weight:500;height:40px;border:0;border-radius:10px;display:block;width:100%;box-shadow:0 4px 8px rgba(166,173,186,0.24);text-transform:uppercase}#main .loginarea .box form .btns button.disabled{background:#cdcdcd;color:#FFF}#main .loginarea .box form .btns button[type="button"]{color:#151617;background:#f6f7fa;box-shadow:none}#main .content{text-align:center}#main .content .logo{text-align:center}#main .content .img{margin:30px 0}#main .content .img img{max-width:100%;width:340px}#main .content p{margin-bottom:0}#main .detailsarea{border-radius:16px;box-shadow:0 4px 8px rgba(166,173,186,0.24);background:#FFF;padding:30px;max-width:640px;margin:0 auto}@media (max-width: 767px){#main .detailsarea{padding:20px}}#main .detailsarea .title{margin-bottom:40px}#main .detailsarea .title h3{font-size:24px;font-weight:700;margin-bottom:10px}#main .detailsarea .title p{margin-bottom:0}#main .detailsarea form .form-group{position:relative;max-width:350px;margin:0 auto}#main .detailsarea form .form-group.has-error label{color:#ff435a}#main .detailsarea form .form-group.has-error input{border-color:#ff435a}#main .detailsarea form .form-group.has-error .errmsg{color:#ff435a;font-size:12px;margin-top:4px}#main .detailsarea form .form-group.has-error textarea{border-color:#ff435a}#main .detailsarea form .form-group.focused label{color:#52AE30}#main .detailsarea form .form-group.focused input{border-color:#52AE30}#main .detailsarea form .form-group.focused input::placeholder{opacity:1}#main .detailsarea form .form-group label{position:absolute;left:0;top:12px;font-size:14px;color:#7d828b;transition:all 0.3s}#main .detailsarea form .form-group label.active{font-size:11px;top:0}#main .detailsarea form .form-group input{height:40px;border:0;border-bottom:1.5px solid #7D828B;border-radius:0;padding-left:0;padding-top:18px}#main .detailsarea form .form-group input:focus{outline:0;box-shadow:none}#main .detailsarea form .form-group input::placeholder{opacity:0}#main .detailsarea form .form-group textarea{border-bottom:1.5px solid #7D828B;border-radius:0}#main .detailsarea form .form-group textarea:focus{outline:0;box-shadow:none}#main .detailsarea form .timer{text-align:center}#main .detailsarea form .timer span{font-weight:700;color:#52ae30}#main .detailsarea form .timer p{margin-bottom:0}#main .detailsarea form .timer p a{color:#52ae30;text-decoration:none}#main .detailsarea form .btns button{background:#52ae30;color:#FFF;text-align:center;font-weight:500;height:40px;border:0;border-radius:10px;display:block;width:100%;box-shadow:0 4px 8px rgba(166,173,186,0.24);text-transform:uppercase}#main .detailsarea form .btns button.disabled{background:#cdcdcd;color:#FFF}#main .detailsarea form .btns button[type="button"]{color:#151617;background:#f6f7fa;box-shadow:none}#footer{padding:10px 30px;display:flex;justify-content:space-between}@media (max-width: 767px){#footer{display:block}}#footer ul{padding:0;margin:0}#footer ul li{list-style-type:none;display:inline-block;margin-right:20px;color:#7d828b;font-size:13px;text-decoration:underline}#footer ul li:last-child{margin-right:0}#footer p{margin-bottom:0;color:#7d828b}@media (max-width: 767px){#footer p{margin-top:15px}}.loader{position:relative;width:100px;height:100px}.loader .logo{position:absolute;width:100px;height:100px;top:0;left:0;display:flex;align-items:center;justify-content:center}.loader .spinner{width:100px;height:100px;border-radius:50%;border:4px solid;border-color:#00674c;border-right-color:#52ae30;animation:spinner-d3wgkg 1s infinite linear}@keyframes spinner-d3wgkg{to{transform:rotate(1turn)}}