<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.log-reg-page{background:linear-gradient(to bottom,var(--body),transparent,var(--body));padding:80px 0}
.log-reg-page .is-bg{top:0;right:0;z-index:-1;opacity:.2;height:100%}
.log-reg-page .main{width:500px}
.log-reg-page .rt-form{padding:20px 30px;margin:20px 0}
.log-reg-page .rt-form .input,.log-reg-page .rt-form .sub,.rb_input2{padding:12px 20px;border:0;border-bottom:1px var(--color) solid;}
.log-reg-page .rt-form .input,.rb_input2{background-color:var(--rb-color127);margin:10px 0}
.log-reg-page .rt-form .sub{margin:10px 0;box-shadow:0 3px 5px 0 var(--rb-color17)}

.other-links li{padding:15px;border-top:1px var(--rb-color128) dashed}
.other-links li:first-child{border-top:0}
.other-links li span{padding:7px 0 6px 10px}
.other-links li a{padding:8px 12px}
.other-links li a.c1{background-color:var(--rb-color129);color:var(--rb-color130)}
.other-links li a.c2{background-color:var(--rb-color131);color:var(--rb-color132)}
.other-links li a.c3{background-color:var(--rb-color133);color:var(--rb-color134)}
.other-links li a.c4{background-color:var(--rb-color135);color:var(--rb-color136)}
.other-links li a:hover{opacity:.5}
.log-reg-page .rt-form .sub:hover{opacity:.8}
.log-reg-page .rt-form .input:focus,.rb_input2:focus{background-color:var(--rb-color137)}

.far_pass {position: absolute;right: 4px;top: 15px;padding: 10px;border-radius: 50%;text-align: center;cursor: pointer;transition: all .3s ease-in-out;font-size: 18px;}

.far_pass:hover {background: var(--rb-color138);}



:root {
    --blue-color: var(--rb-color139);
}


.ml-auto {
    margin-left: auto;
}

.form {
    margin: 0 auto;
    z-index: 1;
}

.input-group {
    margin: 0.5rem 0;
}

.form-step {
    display: none;
}

.form-step.active {
    display: block;
    transform-origin: top;
    animation: animate .5s;
}




.progress-bar {
    position: relative;
    display: flex;
    justify-content: space-between;
    counter-reset: step;
    margin-bottom: 30px;
	z-index:0;
	margin:0 auto;
	width:95%;
	margin-bottom: 55px;
}

.progress-bar::before,
.progress {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    background-color: var(--rb-color140);
    z-index: -1;
}

.progress {
    background-color: var(--blue-color);
    width: 0;
    transition: .5s;
}

.progress-step {
    width: 35px;
    height: 35px;
    background-color: var(--rb-color140);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-step::before {
    counter-increment: step;
    content: counter(step);
}

.progress-step::after {
    content: attr(data-title);
    position: absolute;
    top: calc(100% + 13px);
    font-size: 0.85rem;
    color: black !important;
    width: 100px;
    text-align: center;
}

.progress-step.active {
    background-color: var(--blue-color);
    color: white;
}

@keyframes animate {
    from {
        transform: scale(1, 0);
        opacity: 0;
    }

    to {
        transform: scale(1, 1);
        opacity: 1;
    }
}

/* End Progress bar */

/* Add Experience Btn */


.add-exp-btn {
    color: var(--rb-color141);
    border-right: 2px solid var(--rb-color141);
    border-bottom: 2px solid var(--rb-color141);
    padding: 0 10px 10px 0;
    text-decoration: none;
    font-weight: 600;
    border-bottom-right-radius: 6px;
    cursor: pointer;
}

.add-experience {
    margin-bottom: 20px;
}

@media only screen and (max-width:570px){
.log-reg-page{padding:35px 0}
.log-reg-page .rt-form{padding:12.5px 17.5px;margin:5px 0 10px}
.log-reg-page .rt-form .input,.log-reg-page .rt-form .sub{padding:10px 15px;font-size:14px;margin:7.5px 0}
.log-reg-page .other-links li span{font-size:13px}
.log-reg-page .other-links li{padding:15px 5px}
.far_pass {top: 11px;font-size: 16px;}
.progress-bar-reg {
	width:82%;
}
}</pre></body></html>