.settlementMainStepper{display:flex;justify-content:space-between;align-items:center;height:152px;margin-top:51px;padding:20px 60px;background:linear-gradient(to bottom,var(--theme-gradient-start),var(--theme-gradient-end));border-radius:16px;overflow:hidden}.settlementMainStepper .stepComponent{display:grid;grid-template-columns:repeat(3,70px);justify-content:space-between;gap:14px 0;width:80%}.settlementMainStepper .stepComponent .circleBox,.settlementMainStepper .stepComponent .label{display:flex;justify-content:center}.settlementMainStepper .stepComponent .circleBox{align-items:center;z-index:2}.settlementMainStepper .stepComponent .circleBox .circle{width:20px;height:20px;background-color:#fff;border-radius:50%}.settlementMainStepper .stepComponent .circleBox .circle.focus{background-color:var(--theme-primary);border:5px solid #ffffff}.settlementMainStepper .stepComponent .circleBox .circle.pending{width:8px;height:8px}.settlementMainStepper .stepComponent .label{color:#fff;min-height:24px}.settlementMainStepper .stepComponent .label.focus{font-size:18px;font-weight:700}.settlementMainStepper .stepComponent .label.pending{opacity:.6}.settlementMainStepper .line{position:absolute;left:9%;top:138px;width:64%;border:1px solid rgba(235,235,235,.4)}.settlementMainStepper .line .focus{border:1px solid #ffffff;position:absolute;top:-1px}.settlementMainStepper .line .focus.subscription{width:319px}.settlementMainStepper .line .focus.approval{width:100%}.settlementMainStepper .stepperIcon{display:flex;justify-content:center;align-items:center}.settlementMainStepper .SetpperImg{max-width:100%;max-height:100%}@media only screen and (max-width: 919px){.settlementMainStepper{width:100%;height:184px;padding:20px 24px}.settlementMainStepper .stepComponent{display:grid;grid-template-columns:21px 70px;grid-template-rows:repeat(3,20px);justify-content:flex-start;align-content:space-between;gap:0 16px;height:90%}.settlementMainStepper .stepComponent .circleBox{display:flex;justify-content:center;align-items:center;z-index:3}.settlementMainStepper .stepComponent .circleBox .circle{width:20px;height:20px;background-color:#fff;border-radius:50%}.settlementMainStepper .stepComponent .circleBox .circle.focus{background-color:var(--theme-primary);border:5px solid #ffffff}.settlementMainStepper .stepComponent .circleBox .circle.pending{width:8px;height:8px}.settlementMainStepper .stepComponent .label{display:flex;justify-content:flex-start;align-items:center;font-size:14px;color:#fff;min-height:21px}.settlementMainStepper .stepComponent .label.focus{font-size:18px;font-weight:700}.settlementMainStepper .stepComponent .label.pending{opacity:.6}.settlementMainStepper .line{position:absolute;left:58px;top:136px;width:0;height:115px;border:1px solid rgba(235,235,235,.4);opacity:1}.settlementMainStepper .line .focus{position:absolute;left:-1px;top:0;border:1px solid #ffffff;z-index:2;opacity:1}.settlementMainStepper .line .focus.subscription{width:0;height:48px}.settlementMainStepper .line .focus.approval{height:100%}}