Modifying the NPS slider color in the mobile app

To modify the NPS slider color in the Digital mobile app, change the hexadecimal color code #ED0000 to the preferred color and style.

/* NPS slider colour */
div._md-thumb::after {
background-color: #ED0000 !important;
}
div._md-focus-thumb {
background-color: #ED0000 !important;
}
div._md-focus-ring {
background-color: #ED0000 !important;
}
md-slider.md-default-theme._md-min[md-discrete] ._md-sign:after, 
md-slider._md-min[md-discrete] ._md-sign:after {
border-top-color: #ED0000 !important;
}
md-slider.md-default-theme._md-min[md-discrete] ._md-sign, 
md-slider._md-min[md-discrete] ._md-sign {
background-color: #ED0000 !important;
}
md-slider.md-default-theme._md-min[md-discrete] ._md-sign:after, 
md-slider._md-min[md-discrete] ._md-sign:after {
border-top-color: #ED0000 !important;
}
md-slider.md-default-theme._md-primary  ._md-sign:after, md-slider.md-primary
._md-sign {
background-color: #ED0000 !important;
}
md-slider.md-default-theme._md-primary  ._md-sign:after, md-slider.md-primary
._md-sign:after {
border-top-color: #ED0000 !important;
}
md-slider.md-default-theme._md-primary  ._md-track._md-track-fill,
md-slider.md-primary ._md-track._md-track-fill {
background-color: #ED0000 !important;
}

Modify label fonts and colors as follows:

#liveForm .kpl_builder .control-label {
          font-family: "markpro-bold", Arial, Helvetica, sans-serif !important;
          font-size: 16px;
          font-weight: 500;
          color: orange !important;
}