/* Base star color (empty) */
.tp-star__canvas,
.tp-star__canvas--half {
  fill: #dcdce6;
}

/* Full star color */
[class^="star-"] .tp-star__canvas,
[class^="star-"] .tp-star__canvas--half {
  /* fill: #00b67a; */
}

/* Star-1-0 */
[class*="star-1-0"] .tp-star:nth-of-type(1) .tp-star__canvas,
[class*="star-1-0"] .tp-star:nth-of-type(1) .tp-star__canvas--half {
  fill: #00b67a !important;
}

/* Star-2-0 */
[class*="star-2-0"] .tp-star:nth-of-type(1) .tp-star__canvas,
[class*="star-2-0"] .tp-star:nth-of-type(1) .tp-star__canvas--half,
[class*="star-2-0"] .tp-star:nth-of-type(2) .tp-star__canvas,
[class*="star-2-0"] .tp-star:nth-of-type(2) .tp-star__canvas--half {
  fill: #00b67a !important;
}

/* Star-3-0 */
[class*="star-3-0"] .tp-star:nth-of-type(1) .tp-star__canvas,
[class*="star-3-0"] .tp-star:nth-of-type(1) .tp-star__canvas--half,
[class*="star-3-0"] .tp-star:nth-of-type(2) .tp-star__canvas,
[class*="star-3-0"] .tp-star:nth-of-type(2) .tp-star__canvas--half,
[class*="star-3-0"] .tp-star:nth-of-type(3) .tp-star__canvas,
[class*="star-3-0"] .tp-star:nth-of-type(3) .tp-star__canvas--half {
  fill: #00b67a !important;
}

/* Star-4-0 */
[class*="star-4-0"] .tp-star:nth-of-type(1) .tp-star__canvas,
[class*="star-4-0"] .tp-star:nth-of-type(1) .tp-star__canvas--half,
[class*="star-4-0"] .tp-star:nth-of-type(2) .tp-star__canvas,
[class*="star-4-0"] .tp-star:nth-of-type(2) .tp-star__canvas--half,
[class*="star-4-0"] .tp-star:nth-of-type(3) .tp-star__canvas,
[class*="star-4-0"] .tp-star:nth-of-type(3) .tp-star__canvas--half,
[class*="star-4-0"] .tp-star:nth-of-type(4) .tp-star__canvas,
[class*="star-4-0"] .tp-star:nth-of-type(4) .tp-star__canvas--half {
  fill: #00b67a !important;
}

/* Star-5-0 */
[class*="star-5-0"] .tp-star:nth-of-type(1) .tp-star__canvas,
[class*="star-5-0"] .tp-star:nth-of-type(1) .tp-star__canvas--half,
[class*="star-5-0"] .tp-star:nth-of-type(2) .tp-star__canvas,
[class*="star-5-0"] .tp-star:nth-of-type(2) .tp-star__canvas--half,
[class*="star-5-0"] .tp-star:nth-of-type(3) .tp-star__canvas,
[class*="star-5-0"] .tp-star:nth-of-type(3) .tp-star__canvas--half,
[class*="star-5-0"] .tp-star:nth-of-type(4) .tp-star__canvas,
[class*="star-5-0"] .tp-star:nth-of-type(4) .tp-star__canvas--half,
[class*="star-5-0"] .tp-star:nth-of-type(5) .tp-star__canvas,
[class*="star-5-0"] .tp-star:nth-of-type(5) .tp-star__canvas--half {
  fill: #00b67a !important;
}

/* Half star styles */
[class*="star-1-5"] .tp-star:nth-of-type(1) .tp-star__canvas,
[class*="star-1-5"] .tp-star:nth-of-type(1) .tp-star__canvas--half,
[class*="star-1-5"] .tp-star:nth-of-type(2) .tp-star__canvas--half {
  fill: #00b67a !important;
}

[class*="star-2-5"] .tp-star:nth-of-type(1) .tp-star__canvas,
[class*="star-2-5"] .tp-star:nth-of-type(1) .tp-star__canvas--half,
[class*="star-2-5"] .tp-star:nth-of-type(2) .tp-star__canvas,
[class*="star-2-5"] .tp-star:nth-of-type(2) .tp-star__canvas--half,
[class*="star-2-5"] .tp-star:nth-of-type(3) .tp-star__canvas--half {
  fill: #00b67a !important;
}

[class*="star-3-5"] .tp-star:nth-of-type(1) .tp-star__canvas,
[class*="star-3-5"] .tp-star:nth-of-type(1) .tp-star__canvas--half,
[class*="star-3-5"] .tp-star:nth-of-type(2) .tp-star__canvas,
[class*="star-3-5"] .tp-star:nth-of-type(2) .tp-star__canvas--half,
[class*="star-3-5"] .tp-star:nth-of-type(3) .tp-star__canvas,
[class*="star-3-5"] .tp-star:nth-of-type(3) .tp-star__canvas--half,
[class*="star-3-5"] .tp-star:nth-of-type(4) .tp-star__canvas--half {
  fill: #00b67a !important;
}

[class*="star-4-5"] .tp-star:nth-of-type(1) .tp-star__canvas,
[class*="star-4-5"] .tp-star:nth-of-type(1) .tp-star__canvas--half,
[class*="star-4-5"] .tp-star:nth-of-type(2) .tp-star__canvas,
[class*="star-4-5"] .tp-star:nth-of-type(2) .tp-star__canvas--half,
[class*="star-4-5"] .tp-star:nth-of-type(3) .tp-star__canvas,
[class*="star-4-5"] .tp-star:nth-of-type(3) .tp-star__canvas--half,
[class*="star-4-5"] .tp-star:nth-of-type(4) .tp-star__canvas,
[class*="star-4-5"] .tp-star:nth-of-type(4) .tp-star__canvas--half,
[class*="star-4-5"] .tp-star:nth-of-type(5) .tp-star__canvas--half {
  fill: #00b67a !important;
} 