.step-completed {
    background-image: url(Progress-indicator-disabled.svg) !important ;
    width: 20 ;
    height: 20 ;
    display: 'flex' ;
    border-radius: '50%' ;
    justify-content: 'center' ;
    align-items: 'center' ;
    color: none ;
    background-repeat:no-repeat;

  }

  .camera-icon {
    background-image: url(Camera-icon.svg) !important ;
    width: 20 ;
    height: 20 ;
    display: 'flex' ;
    border-radius: '50%' ;
    justify-content: 'center' ;
    align-items: 'center' ;
    color: none ;
    background-repeat:no-repeat;

  }

  .upload-icon {
    background-image: url(Upload-icon.svg) !important ;
    width: 20 ;
    height: 20 ;
    display: 'flex' ;
    border-radius: '50%' ;
    justify-content: 'center' ;
    align-items: 'center' ;
    color: none ;
    background-repeat:no-repeat;

  }

  .step-active{
    background-image:  url(Progress-indicator-filled.svg) !important ;
    width: 20 ;
    height: 20 ;
    display: 'flex' ;
    border-radius: '50%' ;
    justify-content: 'center' ;
    align-items: 'center' ;
    color: none ;
    background-repeat:no-repeat;

  }


  .icon-root  {
    background-image: url(Progress-indicator-unfilled.svg);
    width: 20 ;
    height: 20 ;
    display: 'flex' ;
    border-radius: '50%' ;
    justify-content: 'center' ;
    align-items: 'center' ;
    color: none ;
        background-repeat:no-repeat;

  }

 
 
.MuiStepConnector-line {
  border-color: #000000 !important;
}

@media only screen and (max-device-width : 480px) {
  
  .MuiStepConnector-alternativeLabel {
    top: 12px !important ;
    left: calc(-50% + 14px) !important;
    right: calc(50% + 14px) !important;
    position: absolute !important;

}

}

@media only screen and (max-device-width : 540px) {
  
  .MuiStepConnector-alternativeLabel {
    top: 12px !important ;
    left: calc(-50% + 11px) !important;
    right: calc(50% + 11px) !important;
    position: absolute !important;

}

}

@media only screen and (max-device-width : 360px) {
  
  .MuiStepConnector-alternativeLabel {
    top: 12px !important ;
    left: calc(-50% + 17px) !important;
    right: calc(50% + 14px) !important;
    position: absolute !important;

}

}