.form-side,.non-form-side{padding:5rem 0 7rem; flex-direction:column;display:flex;position:relative; align-items:center;justify-content:center;min-height:100vh;}
.register-fields .input-group .input-group-text,.register-fields .input-group .form-control{padding:1rem 0.5rem 1rem 1.5rem;}
.submitButton{display:flex;justify-content:center;}
.form-side .form-box{max-width:70%;}
.header .scrolled .s0{fill: var(--light_color);} 
.register-fields .input-group-outer{margin-bottom:2.5rem;}
.header-buttons .home-btn{color:var(--first_color);} 

/*=======================progress-bar=================*/
.step-progress{display:flex;width:100%;list-style-type:none;padding-left:0;}
.step-progress .prog{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;}
.step-progress .prog:before{content:attr(data);width:1.5rem; height:1.5rem;background:#ddd;color:var(--dark_color);display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:0.8rem;font-weight:600;z-index:2;}
.step-progress .prog.active:before{content:"\f00c";font-family:"Font Awesome 6 Pro"; font-weight:900;background:var(--first_color); color:var(--light_color);}
.step-progress .prog:not(:last-child)::after{content:"";width:100%; height:0.2rem;background:#ddd;position:absolute;top:0.75rem;left:50%;transform:translateY(-50%);z-index:0;}
.step-progress .prog:not(:last-child) .prog-bar{display:block;width:100%;max-width:0rem; background:var(--first_color); height:0.2rem;position:absolute;top:0.75rem;left:50%;transform:translateY(-50%);z-index:1;transition:all 1s;}
.step-progress .prog.active:not(:last-child) .prog-bar{max-width:13rem;}
.step-progress .prog .prog-text{text-align:center;width:60%;line-height:120%;margin-top:0.5rem;font-size:0.9rem;}



/*=======================steps=================*/
.register-fields .step:focus-visible{outline:0;}

.second-footer{position:absolute;right:0; width:100%;bottom:0;}



@media (max-width: 767.98px)
{
    
    .header .scrolled .s0{fill:var(--first_color);}
} 


@media (max-width: 575.98px) 
{
    .second-footer{position:static;}
    .form-side,.non-form-side{padding:5rem 0;}
    .form-side .form-box{max-width:90%;}       
}