.stepper{align-items:center;background-color:#f8f8f6;display:flex;height:78px;margin-bottom:80px;padding-bottom:16px;padding-top:16px}.stepper .col-12{max-width:915px}.stepper.goodsam .col-12{max-width:734px}@media (max-width:576px){.stepper{margin-bottom:40px;padding:9px 16px 12px}}.step-container .steps ul{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.step-container .steps ul li{align-items:center;color:#232323;display:flex;flex:1 0 0;flex-direction:column;font-size:14px;font-weight:400;gap:6px;line-height:24px;position:relative;white-space:nowrap}.step-container .steps ul li.active,.step-container .steps ul li.completed{color:#23410a}.step-container .steps ul li.active{font-weight:700}.step-container .steps ul li.completed{cursor:pointer}.step-container .steps ul li.active:after,.step-container .steps ul li.completed:after{background:#23410a;width:100%}.step-container .steps ul li:after,.step-container .steps ul li:before{background:#deded8;content:"";height:5px;left:-54%;position:absolute;top:13px;transform:translateY(-50%);width:100%}@media (max-width:1280px){.step-container .steps ul li:after,.step-container .steps ul li:before{top:12px}}.step-container .steps ul li:after{width:0}.step-container .steps ul li span{background:#f8f8f6;border:4px solid #deded8;border-radius:50%;display:block;height:24px;position:relative;text-align:center;width:24px;z-index:1}.step-container .steps ul li.active span{border:2px solid #23410a}.step-container .steps ul li.active span:after{background-color:#23410a;border-radius:50%;content:"";display:block;height:10px;left:5px;position:absolute;top:5px;width:10px}.step-container .steps ul li.completed span{background:#23410a;border:4px solid #23410a}.step-container .steps ul li.completed span:after{background-image:url(https://images.goodsam.com/checkout/rebrand/stepper-check.svg);background-repeat:no-repeat;content:"";display:block;height:16px;left:0;position:absolute;top:0;width:16px}@media (max-width:1280px){.step-container .steps ul li.completed span:after{background-size:16px 16px;height:16px;left:0;top:0;width:16px}}.mobile-steps,.step-container .steps ul li:first-child:before,.steps ul li:first-child:after{display:none}@media (max-width:1024px){.step-container{display:none}.mobile-steps{display:block;padding-left:16px;padding-right:16px}}@media (max-width:576px){.mobile-steps{padding-left:inherit;padding-right:inherit}}.mobile-steps .mobile-steps-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mobile-steps .mobile-steps-header .step-name{color:#23410a;font-size:16px;font-weight:700;line-height:24px}.mobile-steps .mobile-steps-header .step-counter{font-size:12px;font-weight:400;line-height:18px}.mobile-steps .progress{background-color:#d9d9d9;height:5px}.mobile-steps .progress-bar{background-color:#23410a}