.step-bar--container{display:flex;justify-content:space-between;margin-bottom:30px}.step-bar--title{font-weight:700;font-size:22px;line-height:26px}.step-bar-block{background-color:#d7d7d7;height:5px}.step-bar-block--active{background-color:#f23b77}.step-bar-frame{padding:10px 0}.step-card--container{display:flex;align-items:center;height:100vh;margin:0 auto;justify-content:center;padding:80px 0;overflow:hidden;box-sizing:border-box}.step-card--left-section{padding:0 60px;background-color:#fff;width:420px;height:calc(120vh - 120px);max-height:640px;border-radius:10px 0 0 10px;display:flex;align-items:center}.step-card--right-section{padding:0 40px;background-color:#e6f7ff82;width:360px;height:calc(120vh - 120px);max-height:640px;border-radius:0 10px 10px 0;display:flex;align-items:center}.step-card--left-section>div,.step-card--right-section>div{width:100%}@media screen and (max-width: 1100px){.step-card--container{height:initial;flex-direction:column;position:relative}.step-card--left-section{border-radius:10px 10px 0 0;width:530px;min-height:560px}.step-card--right-section{width:530px;border-radius:0 0 10px 10px;height:initial;padding:40px 60px;margin-bottom:60px}}@media screen and (max-width: 600px){.step-card--left-section,.step-card--right-section{background-color:transparent;width:90%;height:auto;padding:0;margin:0 auto 60px;min-height:initial}.step-card--right-section{margin-bottom:0;padding:0 0 60px;width:80%;height:initial;border-radius:0 0 10px 10px}}@media screen and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.1),(min-resolution: 144dpi) and (max-width: 1279px) and (min-width: 1025px){.step-card--container{padding-top:110px;overflow-y:hidden}.step-card--left-section,.step-card--right-section{height:550px;width:360px;padding:0 60px;margin-bottom:40px}.step-card--right-section{border-radius:0 10px 10px 0}.step-card--left-section{border-radius:10px 0 0 10px}}