.iwkids-testi-widget {
  font-family: 'Nunito', sans-serif;
  --green1: #2D6A4F;
  --green2: #40916C;
  --green3: #74C69D;
  --green4: #D8F3DC;
  --orange1: #F77F00;
  --orange2: #FCBF49;
  --orange3: #FEE499;
  --dark: #1A1A1A;
  --gray1: #4A4A4A;
  --gray2: #7A7A7A;
  --white: #FFFFFF;
}

.iwkids-testi-widget .m-testi-row {
  display: flex;
  gap: 12px;
  overflow: hidden;
}

.iwkids-testi-widget .m-testi {
  background: var(--white);
  border-radius: 14px;
  padding: 16px;
  min-width: 180px;
  flex: 1;
  border-top: 3px solid var(--green2);
}

.iwkids-testi-widget .m-testi:nth-child(2) {
  border-top-color: var(--orange1);
}

.iwkids-testi-widget .m-testi:nth-child(3) {
  border-top-color: var(--green3);
}

.iwkids-testi-widget .m-testi:nth-child(3n + 4) {
  border-top-color: var(--green2);
}

.iwkids-testi-widget .m-testi:nth-child(3n + 5) {
  border-top-color: var(--orange1);
}

.iwkids-testi-widget .m-testi:nth-child(3n + 6) {
  border-top-color: var(--green3);
}

.iwkids-testi-widget .m-stars {
  color: var(--orange2);
  font-size: 12px;
  margin-bottom: 8px;
  letter-spacing: 2px;
}

.iwkids-testi-widget .m-testi-q {
  font-size: 16px;
  color: var(--gray1);
  line-height: 1.6;
  margin-bottom: 10px;
  font-style: italic;
}

.iwkids-testi-widget .m-testi-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--dark);
}

.iwkids-testi-widget .m-testi-role {
  font-size: 16px;
  color: var(--gray2);
  margin-top: 1px;
}

@media (max-width: 767px) {
  .iwkids-testi-widget .m-testi-row {
    flex-direction: column;
  }

  .iwkids-testi-widget .m-testi {
    min-width: 0;
  }
}