.form-step-holder-wrap{width:100%;height:110px;overflow-y:hidden}
.form-step-holder{max-width:714px;overflow-x:scroll;width:100%;margin:0 auto;margin-top:14px;padding-top:5px;padding-bottom:16px;height:130px}
.stepssection .form-step-holder .steps{width:714px;display:flex;justify-content:space-between !important;position:relative}
.steps:before{width:600px;height:2px;content:"";position:absolute;top:13px;left:50px;border-top:2px solid #c0c8e2;z-index:0}
.steps li{text-align:center;width:119px}
.steps li a:hover,.steps li:hover a{text-decoration:none}
.title h3.cmp-title__text{display:none}
.steps li .stepNumner{z-index:9;box-sizing:border-box;display:inline-block;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #c0c8e2;font-size:12px;line-height:16px;color:#a29f9d;font-weight:500;padding-top:3px;text-align:center;position:relative}
.steps li p{font-size:12px;line-height:12px;font-weight:500;color:#b4b2b1;text-align:center;padding-top:8px}
.steps li .minsText{font-size:10px;line-height:16px;font-weight:400;color:#a29f9d}
.stepssection.fixedactive{position:fixed;width:100%;left:0;top:0;z-index:99999;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.05)}
.stepsinitial .stepNumner{font-size:0 !important;border:7px solid #005e9e !important;opacity:1 !important}
.stepsinitial p{color:#1c2633 !important}
.stepsinitial .minsText{color:#1c2633 !important}
.stepsactive .stepNumner{background:#005e9e !important;border:1px solid #005e9e !important;color:#fff !important}
.stepsactive p{color:#1c2633 !important}
.stepsactive .minsText{color:#1c2633 !important}
.stepsactive{pointer-events:none}
.stepsdone .stepNumner{background:#0ea55e !important;border:1px solid #0ea55e !important;color:#fff !important;font-size:0 !important;line-height:25px !important;position:relative}
.stepsdone .stepNumner .stepNumnerbefore{content:"";position:absolute;background:url('../../../../../content/dam/hdfcklarifylife/term-guide/white-tick.svg') no-repeat 0 0;width:12px;height:9px;background-size:100%;left:5px;top:7px}
.stepsdone p{color:#453e3c !important}
.stepsdone .minsText{color:#6a6563 !important}
.noclass{pointer-events:none}
@media(min-width:740px) and (max-width:741px){.steps{margin-left:0 !important}
}
@media screen and (max-width:767px){.form-step-holder-wrap{height:105px}
.steps li{text-align:center;width:119px}
.buying-term-holder{padding:20px 0 50px 0}
.form-step-holder{margin-top:3px;padding-top:16px;height:110px}
.boxHeading.boxremove{margin-bottom:0}
.buying-term-holder .buttonnav-center{text-align:center !important}
.stepsactive{position:relative}
.stepsactive:before{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2d459d;content:"";position:absolute;top:-16px;left:50%;transform:translateX(-50%)}
.blue-mobile{padding-left:0 !important;padding-right:0 !important}
.blue-mobile .row{margin:0}
.blue-mobile .col-12{padding:0}
.white-desk{background-color:#fff !important}
.buyingtermsection h5{font-size:12px;line-height:20px;font-weight:600;color:#453e3c}
.stepRightSec h6{font-size:14px;line-height:22px;color:#453e3c;font-weight:500}
}