.registration.steps-bar{max-width:700px;margin:auto;margin-bottom:30px;font-size:16px;}.registration.steps-bar{padding:0 15px;}.steps-bar #background-bar{background-color:#9DD7D0;height:6px;width:80%;margin:auto;position:relative;top:30px;z-index:0;display:none;}@media only screen and (min-width:768px){.test .steps-bar #background-bar{display:block;}}@media only screen and (min-width:576px){.test .steps-bar{padding:0 15px;}.registration.steps-bar #background-bar{display:block;}}.steps-bar #foreground-bar{z-index:5;}.steps-bar .step-name{color:#00B8AA;}@media only screen and (min-width:576px){.registration.steps-bar{text-align:center;}.registration.steps-bar .big-bar-outer,.steps-bar .step-outer{padding:0;}}@media only screen and (min-width:768px){.test .steps-bar{text-align:center;}.test .steps-bar .big-bar-outer,.steps-bar .step-outer{padding:0;}}.steps-bar .big-bar,.steps-bar .circle.ticked,.steps-bar .circle.target{box-shadow:1px 2px 6px 0px rgba(0,0,0,0.24);}.steps-bar .big-bar{display:inline-block;height:12px;margin:auto;margin-top:20.5px;position:relative;width:250%;left:-75%;}.steps-bar .big-bar:after{display:block;content:"";position:relative;height:100%;width:100%;background-color:white;z-index:5;}.steps-bar .big-bar-5{width:380%;left:-140%;}.steps-bar .circle{height:54px;width:54px;margin:auto;border-radius:50%;margin-bottom:10px;background-color:transparent;text-align:center;}.steps-bar .circle:after{display:block;content:"";position:relative;height:100%;width:100%;z-index:10;border-radius:50%;}.steps-bar .circle:not(.ticked):not(.target){background-color:#9DD7D0;}.steps-bar .circle.ticked:after,.steps-bar .circle.target:after{font-family:"Font Awesome 5 Free";background-color:white;color:#00B8AA;font-size:38px;line-height:1.45em;}.steps-bar .circle.ticked:after{content:"\f058";font-weight:900;}.steps-bar .circle.target:after{content:"\f192";}@media only screen and (max-width:575px){.registration.steps-bar .circle{height:50px;width:50px;margin-bottom:12px;margin-top:0px;}.registration.steps-bar .circle.ticked:after,.registration.steps-bar .circle.target:after{font-size:34px;}}@media only screen and (max-width:767px){.test .steps-bar .circle{height:35px;width:35px;margin-bottom:12px;margin-top:0px;}.test .steps-bar .step-name{display:inline-block;margin-top:5px;}.test .steps-bar .circle.ticked:after,.test.steps-bar .circle.target:after{font-size:25px;}}
