.about-form fieldset,
.custom-form fieldset{
    display: none;
}
.about-form fieldset.active,
.custom-form fieldset.active{
    display: block;
}
.custom-form .mScroll{
    height: 350px;
    overflow: auto;    
}

ul.timeline {
    list-style-type: none;
    /*position: relative;*/
    padding-inline-start: 35px;
}
ul.timeline:before {
    content: ' ';
    background: #D2D2D2;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 68%;
    z-index: 400;
}

ul.timeline > li {
    margin: 2rem 0;
    padding-left: 0.8rem;
    font-size: 0.7rem;
}
ul.timeline > li.active:before {
    background: #0055DC;
}
ul.timeline > li.completed:before {
    background: #414141;
}
ul.timeline > li:before {
    content: ' ';
    background: #D2D2D2;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    /*border: 3px solid #22c0e8;*/
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
ul.timeline > li.active:after {
    content: ' ';
    display: block;
    width: 4.5rem;
    border: 2px solid #0055DC;
    position: absolute;
}
/*scroller step*/
ul.scroll-step-bar{
    list-style-type: none;
    padding-inline-start: 15px;
    position: relative;
}
ul.scroll-step-bar > li:first-child{
    padding-top: 1rem;
}
ul.scroll-step-bar > li a{
    color: #D2D2D2;
    padding: 0.2rem 0;
    text-decoration: none;
}
ul.scroll-step-bar > li{
    color: #D2D2D2;
    padding: 0.2rem 0;
}
ul.scroll-step-bar > li.active-dash a,
ul.scroll-step-bar > li.active-dash,
ul.scroll-step-bar > li.active a,
ul.scroll-step-bar > li.active{
    color: #414141;
}
ul.scroll-step-bar > li:before{
    content: ' ';
    position: absolute;
    left: 0;
}
ul.scroll-step-bar > li.active-dash:before{
    color: #414141;
    content: '-';
}