.elementor-387 .elementor-element.elementor-element-1feeef3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-387 .elementor-element.elementor-element-f594da0{--spacer-size:152px;}.elementor-387 .elementor-element.elementor-element-21fc89cb{--display:flex;}.elementor-387 .elementor-element.elementor-element-279a4d4{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-6ea785b9 *//* Headers */
.cmplz-terms-conditions h2{
  font-size: 25px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

/* Subtitles */
.cmplz-terms-conditions .cmplz-subtitle{
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

/* Regular Text */
.cmplz-terms-conditions p{
  font-size: 15px;
  font-family: inherit;
  color: #fff;
  line-height: 2em;
  font-weight: 400;
  text-decoration: none;
}

/* Bullet points (lists) */
.cmplz-terms-conditions ul,
.cmplz-terms-conditions ol,
.cmplz-terms-conditions li{
  color: #fff;
}

/* Hyperlinks (default browser blue) */
.cmplz-terms-conditions a,
.cmplz-terms-conditions a:visited{
  font-size: 15px;
  color: #0000EE;
  font-weight: 400;
  text-decoration: none;
}

/* Hover */
.cmplz-terms-conditions a:hover{
  color: #0000EE;
  text-decoration: underline;
}

Si aún sale morado, es porque tu tema lo está sobreescribiendo: avísame dónde lo estás pegando (Customizer > CSS adicional / Elementor / etc.) y te lo dejo con !important./* End custom CSS */