.progressbar {
    margin-bottom: 30px;
    color: #455A64;
    padding-left: 0px;
    margin-top: 30px;
    padding-bottom:30px;
  }

    .progressbar li {
      list-style-type: none;
      width: 20%;
      float: left;
      position: relative;
      font-weight: 400
    }

    .progressbar #step1:before {
      content: "1";
    }

    .progressbar #step2:before {
      content: "2";
    }

    .progressbar #step3:before {
      content: "3";
    }

    .progressbar #step4:before {
      content: "4";
    }

    .progressbar #step5:before {
      content: "5";
    }

    .progressbar li:before {
      width: 17px;
      height: 17px;
      line-height: 3px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      border: 4px solid grey;
      border-radius: 50%;
      margin: auto;
      color: #000;
      background: white;
    }

    .progressbar li:after {
      content: '';
      width: 100%;
      height: 2px;
      background: #455A64;
      position: absolute;
      left: 0;
      top: 21px;
      z-index: -1;
      top: 50%;
    }

    .progressbar li:last-child:after {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      position: absolute;
      left: -50%
    }

    .progressbar li:first-child:after {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      position: absolute;
      left: 50%
    }

    .progressbar li:last-child:after {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px
    }

    .progressbar li:first-child:after {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px
    }

    .progressbar li.visited:before {
      background: green;
      color: white;
      border: 4px solid green;
    }

    .progressbar li.active:before {
      border: 4px solid green;
    }

    .progressbar li.active:after, .progressbar li.visited:after {
      background: green;
    }

    .progressbar li div {
      position: absolute;
      top: -23px;
      font-size: 13px;
      width: 100%;
      text-align: center;
      font-weight: 600;
    }
	
	.progressbar {
    margin-bottom: 30px;
    color: #455a64;
    padding-left: 0;
    margin-top: 30px;
    padding-bottom: 30px;
    padding-left: 16%;
    }
	
/* Venkata changes 01/12/2022 for mobile view progess bar*/	
@media (max-width:1200px){
.progressbar li {
    list-style-type: none;
    width: 25%;
    float: none;
    position: relative;
    font-weight: 400;
    display: inline-block;
    padding: 10px 0;
}

/*

comment by Donaldo Tevez at 4/20/2023	
li.active, li.visited {
    background: #008000;
}
*/
#content ul.progressbar {
    background: #bcbcbc;
    padding: 0px 0;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    max-width: 100%;
    margin: 30px auto;
    left: 0;
    right: 0;
}
#content .progressbar li:before {
    border: 0px solid #008000;
    background: transparent;
    font-weight: 600;
    font-size: 19px;
    color: #fff;
}
.progressbar li div {
    position: absolute;
    top: 0;
    font-size: 13px;
    width: 100%;
    text-align: center;
    font-weight: 600;
}
#content .progressbar li.active:after ,
#content .progressbar li.visited:after {
    border-bottom-left-radius: 0;
    background: #008000 !important;
    position: absolute;
    height: 25px;
    width: 25px;
    right: -13px;
    z-index: 99;
    border-top-left-radius: 0;
    top: 6px;
    transform: rotate(45deg);
}
#content .progressbar li.active.visited:after, #content .progressbar li.visited:after {
    background: #008000 !important;
    transform: rotate(0deg);
    height: 40px;
    top: 0;
        right: -30px;
    width: 35px;
}
.p-lr-0, .p-lr-0 .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
	max-width:100%;
}
#content .progressbar li:last-child:after {
	left: 0;
}	
/* end venkata changes 01/12/2022*/