.setup-page { &__right-section { padding-left: 25%; } &__left-section{ position: fixed; background: #778cab; overflow: auto; z-index: 1; height: 100%; max-width: 25%; left: 0; top: 0; .content { display: flex; flex-direction: column; color: #ffffff; padding: 25px; margin: 0px auto; border: none; cursor: pointer; .content-logo { margin-bottom: 45px; } .content-title { font-size: 25px; font-weight: 700; line-height: normal; margin-bottom: 25px; } .content-text { font-size: 14px; } .content-org { font-size: 14px; span > a { text-decoration: underline; color: #ffffff; margin-left: 5px; } span ::after { border-top: 2px solid #707070; } } .content-contact { position: absolute; bottom: 15px; a { text-decoration: none; color: #ffffff; font-size: 14px; } } } } } .setup-page-steps { &-container { width: 80%; margin: 60px auto; } li{ position: relative; list-style-type: none; width: 25%; float: left; text-align: center; color: #000; font-size: 15px; &::before { width: 13px; height: 13px; content: ''; line-height: 30px; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: #75859c; } &::after { width: 100%; height: 2px; content: ''; position: absolute; background-color: #75859c; top: 6px; left: -50%; z-index: -1; } &:first-child::after { display: none; } &.is-active { &::before { background-color: #75859c; } ~ li { &:before, &:after { background: #ebebeb; } } p.wizard-info { color: #004dd0; } } } } // @import './billing.scss'; //Register Subscription form .register-subscription-form { padding-top: 50px; }