.login{position:relative}.login:before{background:#ecfef4;content:"";height:100%;position:absolute;right:0;top:0;width:50%}.login .btn{min-width:180px;text-decoration:none;width:-moz-fit-content;width:fit-content}.login form a{font-size:1rem;text-decoration:underline}.login form a:hover{text-decoration:none}.login .checkbox label{font-size:1rem}.login form input{padding-right:40px}.login form .form-img{margin-right:15px;margin-top:35px;position:absolute;right:0;top:0}.login .register-info{padding-left:20px;position:relative}.login .register-info:before{background:var(--color-primary);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.register{background-size:50%!important;display:flex;flex-direction:column;justify-content:center;min-height:525px}.register.sec{min-height:800px}.register .container{z-index:1}.register .welcome-text-container{position:absolute;top:100px}.register .hint{font-size:1.38rem}.register h2{margin-bottom:15px;padding-bottom:30px}.register h2:before{background:var(--color-primary);bottom:0;content:"";height:4px;left:50%;margin-left:-28px;position:absolute;width:56px}.register h3{font-size:2.6rem;line-height:3rem}.register .checkbox label{padding-left:5px}.register .fixed-height-block{max-height:300px;overflow-x:hidden;overflow-y:auto;padding-right:10px}.register .fixed-height-block::-webkit-scrollbar{width:.4rem}.register .fixed-height-block::-webkit-scrollbar-track{background:transparent;border-radius:3px}.register .fixed-height-block::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:3px}.register .animation-circle-block{background:#ecfdf3;bottom:0;max-height:100%;max-width:50%;position:absolute;top:0}.register .animation-circle-block .circle-icn{height:1px;left:50%;margin-left:22px;margin-top:-8px;position:absolute;top:50%;transition:all 1.5s;width:1px}.register .animation-circle-block .circle-icn.active{height:14px;left:87%;width:14px}.register .animation-circle-block .line-icn{height:1px;left:53%;margin-top:-1px;position:absolute;top:50%;transition:all 1.5s;width:1px}.register .animation-circle-block .line-icn.active{width:37%}.register .animation-circle-block .container-img{animation:sway 4s linear infinite;display:inline-block;left:63%;position:absolute;top:56%;width:26%}@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}50%{transform:rotate(0)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}.register .btn:disabled{color:#fff;opacity:.3}.register .pulse-animation{animation:pulse-animation 2s infinite;border-radius:100px;left:48%;position:absolute;top:48%;width:3.9%}.register .gif-img{left:47%;position:absolute;top:43%;width:6%}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(46,204,113,.9)}to{box-shadow:0 0 0 25px rgba(46,204,113,0)}}.register .step-dots .dot{background:#ccc;border-radius:100px;display:inline-flex;height:8px;margin:0 3px;width:8px}.register .step-dots .dot.active{background:#2ecc71;width:17px}footer{position:relative}@media only screen and (min-width:1440px) and (max-width:4000px){.register.sec .col-lg-10 form{display:flex;flex-direction:column;justify-content:space-between;width:100%}}@media only screen and (min-width:0px) and (max-width:1440px){.register.sec{min-height:auto}}@media only screen and (min-width:1400px) and (max-width:1500px){.register{background-size:54%!important}}@media only screen and (min-width:0px) and (max-width:1399px){.register{background-size:cover!important}}@media only screen and (min-width:992px) and (max-width:1200px){.register .animation-circle-block .circle-icn.active{left:85%}.register.sec{padding-bottom:40px}}@media only screen and (min-width:768px) and (max-width:992px){.register .welcome-text-container{display:none}.register .animation-circle-block{max-width:none;position:relative;width:100%}.register .animation-circle-block .circle-icn.active{left:86%}}@media only screen and (min-width:0px) and (max-width:992px){.register.sec{padding-bottom:0}.register .welcome-text-container{position:relative;top:0}}@media only screen and (min-width:0px) and (max-width:767px){.login:before{display:none}.login .checkbox label,.login form a{font-size:.9rem;line-height:.9rem}.register:before{background:hsla(0,0%,100%,.2);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.register .container{position:relative}.register h3{font-size:2.2rem;line-height:2.6rem}.register .hint{font-size:1rem}.register .checkbox label{font-size:.9rem}.register form{background:#fff;border-radius:4px;padding:25px 15px}.register .logo{width:280px}.register .animation-circle-block{max-width:none;position:relative;width:100%}.register .animation-circle-block .circle-icn.active{left:83%}.register .pulse-animation{width:5.9%}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(46,204,113,.9)}to{box-shadow:0 0 0 10px rgba(46,204,113,0)}}}