.payment-hero{
  background: linear-gradient(180deg, #1ab35f 0%, #066B33 100%);
}

.payment-icon{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.payment-icon i{ font-size: 18px; }

/* só pra ajustar título/sub no mobile */
@media (max-width: 992px){
  .payment-title{ font-size: 30px; }
  .payment-subtitle{ font-size: 14px; }
}

@media(max-width:500px) {
  h2 {
    font-size: 20px;
  }
  .payment-hero h1{
    font-size: 26px;
  }
}


/* EXTRA: só a bolinha (usa tuas classes bg-live-blue/bg-gold/bg-green) */
.step-badge{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex: 0 0 34px; /*mantém arredondado*/
  color: #fff;
}

ul li::marker{
  color: var(--red);
}

#faq-payment p{
  text-align: justify;
}