:root {
  --theme-5gbroadband-primary: #4bb5ab;
  --theme-5gbroadband-secondary: #4e4b9c;

  --theme-5gbroadband-primary-hover: #4bb5ab;
  --theme-5gbroadband-secondary-hover: #4d9fa8;
  --theme-5gbroadband-light-grey: #cdcdcd;


  --theme-5gbroadband-gradient-start: #4bb5ab;
  --theme-5gbroadband-gradient-end: #4e4b9c;
}

.bg-primary {
  background: linear-gradient(
    to right,
    var(--theme-5gbroadband-primary) 0%,
    var(--theme-5gbroadband-secondary) 100%
  ) !important;
  color: white !important;
}

.bg-gradient-pink-purple {
  background: linear-gradient(
    to right,
    var(--theme-5gbroadband-gradient-start) 0%,
    var(--theme-5gbroadband-gradient-end) 100%
  ) !important;
  color: white !important;
}

.bg-light-grey {
  background: #efefef;
}

.color-primary {
  color: var(--theme-5gbroadband-primary) !important;
}

.color-light-grey {
  color: #ababab;
}

.color-dark-grey {
  color: #858585 ;
}


/* Switch/Toggle */
.switch-wrapper input.switch:checked + label:before {
  background: linear-gradient(to right, var(--theme-5gbroadband-primary) 0%, var(--theme-5gbroadband-secondary) 100%) !important;
}
/* Switch/Toggle */