.img-login {
    height: 150px;
}
.text-login {
    font-size: 35px;
    font-family: 'Mogra', cursive;
}
.bg-head-step {
    background: #3a3636;
    border-radius: 5px;
    box-shadow: 0 0 10px gold;
}
.tdstepregister {
    width: 25%;
    padding: 10px 0;
}
.tdstepregister b {
    background: #000000;
    padding: 0 9px;
    border-radius: 20px;
}
.tdstepregister.active b {
    color: black;
    font-weight: bold;
    background: #ffffff;
}
.tdstepregister span {
    font-size: 14px;
}
.slideto {
    animation: slidenextregister .2s ease 0s normal none;
}
@media (max-width: 768px) {
    .slideto {
      animation: slidenextregistermobile .2s ease 0s normal none;
    }
}
@keyframes slidenextregistermobile {
    0.0% {
      transform: translate(10px, 0px);
      opacity: 0;
    }
    100% {
      transform: translate(0px, 0px);
      opacity: 1;
    }
}
.check-finished {
    font-size: 60px;
    color: #ffe61a;
}
.ct-register-finished {
    background: radial-gradient(100% 100% at 50% 0,#3c3c3c 0,#000000 44%,#1a1a1a 100%);
    box-shadow: 0 0 0 3px #3c3c3c;
    max-width: 500px;
    border-radius: 5px;
    margin: 5px auto;
}