.title-highlight {
  color: var(--secondary-500) !important;
  text-shadow: 0px 0px 12px hsla(25, 95%, 53%, 15%);
}

.text-highlight--primary {
  color: var(--secondary-500) !important;
}

.background-blur {
  background: radial-gradient(#503723, #3b271a4d 60%, #00000000 80%);
}

.hero-title {
  max-width: 20ch !important;
}

.result-title-svg,
.pedagogie-item-svg {
  fill: var(--secondary-500) !important;
}

.testimonial-profil-title,
.about-certif-title,
.video-text-name {
  color: var(--secondary-500) !important;
}

.program-item-tag {
  background: var(--secondary-500) !important;
}

.pricing-wrapper {
  display: flex;
  gap: 1rem;
}

.pricing-container.price {
  background-color: var(--secondary-500);
}

.separator-white {
  background-color: var(--secondary-300);
}

.price .pricing-content-price {
  color: var(--neutral-200) !important;
}
.price .pricing-content-subtitle {
  color: var(--neutral-200) !important;
}

.benefits-icon {
  background: var(--card-bg);
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.benefits-icon svg {
  max-width: fit-content;
  width: 32px !important;
  height: 32px !important;
  color: var(--secondary-500);
}

@media screen and (max-width: 768px) {
  .pricing-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  .benefits-icon svg {
    max-width: fit-content;
    width: 24px !important;
    height: 24px !important;
    color: var(--secondary-500);
  }
}