.elementor-350592 .elementor-element.elementor-element-67b2099 > .elementor-container{max-width:800px;}.elementor-350592 .elementor-element.elementor-element-d9798a4 img{border-radius:50px 50px 50px 50px;}.elementor-350592 .elementor-element.elementor-element-154544c img{border-radius:50px 50px 50px 50px;}/* Start custom CSS for html, class: .elementor-element-eb29f97 */.heroInner{
  margin: 0 auto;
  text-align: center;
}

.heroInner .benefits{
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}



@media (max-width: 600px) {
  .actionBar .row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .coupon {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .couponCode {
    font-size: 20px;
    padding: 12px 16px;
    margin-bottom: 8px;
  }

  .btn {
    width: 100%;
    max-width: 280px;
  }

  .hint,
  .fine {
    text-align: center;
  }
}


/* Title styling ONLY inside steps card */
.card > h2 {
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.3px;
  margin-bottom: 18px;
  color: #111;
  text-align: center;
}

/* Mobile optimization */
@media (max-width: 600px) {
  .card > h2 {
    text-align: center;
    font-size: 24px;
  }
}

/* Center the heading and paragraph inside the prize card */
.card h3,
.card h3 + .muted {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Optional: add spacing consistency */
.card h3 {
  margin-bottom: 8px;
}

.card h3 + .muted {
  margin-bottom: 14px;
}


/* Center h3 titles and the muted paragraphs that follow */
.card h3,
.card h3 + .muted {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Also target muted paragraphs directly inside .card for flexibility */
.card > .muted {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* ✅ Center only h3 and paragraphs, NOT lists */
.card h3,
.card h3 + .muted,
.card > .muted:not(ul *) {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* ❌ Exclude lists and their items */
.card ul,
.card ul li {
  text-align: left;
  margin-left: 0;
  padding-left: 18px;
  list-style-position: outside;
}

.actionBar .hint {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.actionBar .fine {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}



/* Desktop: push coupon block inward from left */
@media (min-width: 601px) {
  .actionBar .coupon {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding-left: 15%;
    justify-content: flex-start;
  }
}

/* Mobile: center everything */
@media (max-width: 600px) {
  .actionBar .coupon {
    padding-left: 0;
    justify-content: center;
    text-align: center;
  }
}

.sectionTitle {
  text-align: center;
  padding: 40px 20px 20px;
}

.sectionTitle h2 {
  font-size: 32px;
  font-weight: 900;
  margin: 0;
  color: #111;
  letter-spacing: -0.4px;
}

/* Optional: mobile tweak */
@media (max-width: 600px) {
  .sectionTitle h2 {
    font-size: 24px;
  }
}

/* Center the button inside its row */
.cta-row {
  justify-content: center;
  display: flex;
  flex: 1;
}

/* Optional mobile tweak */
@media (max-width: 600px) {
  .cta-row {
    justify-content: center;
  }
}

/* Center the pink CTA button anywhere it's alone in a row */
.actionBar .row a.btn.primary {
  margin-left: auto;
  margin-right: auto;
  display: block;
}/* End custom CSS */