.progressStepsComp{counter-reset:step;padding:20px 5% 15px 5%;width:100%;margin:0 auto;border-top:1px solid #ccc}
.progressStepsComp .progressbar{display:flex;margin:0 auto;max-width:360px;position:relative}
.progressStepsComp .progressWrap{display:flex;margin:0 auto;max-width:360px;padding:0;position:relative}
.progressStepsComp .progressWrap span{content:'';width:0;height:2px;top:7px;display:block;text-align:center;margin:0 auto;background-color:#c21a17;position:absolute;left:0}
.progressStepsComp li:first-child{text-align:left}
.progressStepsComp li:last-child{text-align:right}
.progressStepsComp li{list-style:none;display:block;width:33.33%;position:relative;text-align:center;font-family:'robotoregular';font-size:1.4rem;color:#929292}
.progressStepsComp li:before{content:'';width:8px;height:8px;top:4px;border:0;border-radius:100%;display:block;text-align:center;margin:0 auto;background-color:#b0b2b3;position:absolute;left:0;right:0}
.progressStepsComp li:first-child::before{left:0;right:auto}
.progressStepsComp li:last-child::before{right:0;left:auto}
.progressStepsComp li:first-child span{position:relative;transform:translateX(-50%)}
.progressStepsComp li:last-child span{position:relative;transform:translateX(50%)}
.progressStepsComp li:after{background-color:#b0b2b3;content:"";height:2px;position:absolute;left:-100%;top:7px;width:200%;z-index:-1}
.progressStepsComp li:last-child:after{width:150%;left:-50%}
.progressStepsComp li:first-child:after{content:none}
.progressStepsComp li.current,.progressStepsComp li.finish{color:#c21a17}
.progressStepsComp li.current:before,.progressStepsComp li.finish:before{background-color:#c21a17;width:18px;height:18px;top:0}
.progressStepsComp li.current:after,.progressStepsComp li.finish:after{background-color:#c21a17}
.progressStepsComp li.finish:before{background:url(../../../../../../content/dam/futuregeneraliindiainsurancecoltd/pet-Insurance/white-ticker.svg) no-repeat center center #c21a17;background-size:8px}
.progressStepsComp li span{opacity:.3;padding-top:25px;display:block;text-align:center}
.progressStepsComp li.current span,.progressStepsComp li.finish span{opacity:1}
.progressStepsComp .container{position:relative}
.progressStepsComp .backBtnJourney{position:absolute;left:0;top:0;font-family:"robotobold";font-size:1.6rem;line-height:1.2em;color:#000;text-decoration:none;letter-spacing:1px;text-transform:uppercase;padding-left:30px;background:url(../../../../../../content/dam/futuregeneraliindiainsurancecoltd/pet-Insurance/back-arrow.svg) no-repeat 0 5px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;display:none}
.progressStepsComp .backBtnJourney:hover{background-position:5px 5px}
@media(max-width:767px){.progressStepsComp .progressbar,.progressStepsComp .progressWrap{max-width:274px}
.progressStepsComp .backBtnJourney{position:relative;margin-top:20px;font-size:1.4rem;background-position:0 3px}
.progressStepsComp .backBtnJourney:hover{background-position:3px 3px}
.progressStepsComp li{font-size:1.2rem}
.progressStepsComp li.current:before,.progressStepsComp li.finish:before{width:14px;height:14px}
}
@media(max-width:374px){.progressStepsComp .progressbar,.progressStepsComp .progressWrap{max-width:240px}
}