:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-eec586c */<style>
  :root{
    --brand:#248ED0;        /* primary */
    --brand-600:#187dbc;    /* hover */
    --ink:#0f172a;          /* headings */
    --muted:#64748b;        /* body text */
    --card:#ffffff;
    --line:#e6ecf5;
    --shadow:0 6px 24px rgba(15,23,42,.08);
    --radius:16px;
  }

  .labitpro-supporter{
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;
    color:var(--ink);
    line-height:1.6;
  }

  /* ---------------- HERO (no background; handled by Elementor) ---------------- */
  .hero{max-width:1200px;margin:0 auto;padding:48px 24px 28px}
  .hero h1{
    font-size:clamp(30px,4.2vw,44px);font-weight:800;letter-spacing:.2px;
    margin:0 0 10px;color:#fff;text-wrap:balance
  }
  .hero p.lead{color:#d3dbe6;margin:0 0 18px;max-width:900px}

  .pill-row{display:flex;gap:10px;flex-wrap:wrap}
  .pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;
        background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
        color:#eaf3ff;font-weight:700;font-size:14px}
  .pill .dot{width:8px;height:8px;border-radius:50%;background:#6ee7ff;opacity:.9}

  /* ---------------- LAYOUT: register grid & cards ---------------- */
  .register-wrap{max-width:1200px;margin:0 auto;padding:10px 24px 48px}
  .register-grid{display:grid;gap:24px;grid-template-columns:1.15fr .85fr;align-items:start}
  @media (max-width:960px){.register-grid{grid-template-columns:1fr}}

  .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
  .card-body{padding:24px}
  .card h2{font-size:clamp(22px,2.8vw,28px);margin:0 0 6px;font-weight:800}
  .muted{color:var(--muted)}

  /* ---------------- PMS: registration form polish ---------------- */
  /* Container */
  .labitpro-supporter .pms-register,
  .labitpro-supporter .pms-form,
  .labitpro-supporter .pms-account-content{
    background:#fff !important;border:1px solid var(--line) !important;
    border-radius:12px !important;box-shadow:var(--shadow) !important;
    padding:18px !important;color:var(--ink) !important;
  }

  /* Messages */
  .labitpro-supporter .pms-success,
  .labitpro-supporter .pms-error,
  .labitpro-supporter .pms-warning,
  .labitpro-supporter .pms-messages-wrapper p{
    background:linear-gradient(135deg,#ecf7ff,#f7fbff) !important;
    border:1px solid #e6f0fb !important;color:#0f2a3d !important;
    border-radius:12px !important;padding:14px 16px !important;
    box-shadow:var(--shadow) !important;margin:8px 0 !important;
  }

  /* Labels & descriptions */
  .labitpro-supporter .pms-form label{
    display:block !important;margin:12px 0 6px !important;
    font-weight:700 !important;color:#1f2937 !important
  }
  .labitpro-supporter .pms-form .description{color:var(--muted) !important;font-size:13px !important}

  /* Inputs / selects */
  .labitpro-supporter .pms-form input[type="text"],
  .labitpro-supporter .pms-form input[type="email"],
  .labitpro-supporter .pms-form input[type="password"],
  .labitpro-supporter .pms-form input[type="tel"],
  .labitpro-supporter .pms-form select{
    width:100% !important;max-width:560px !important;
    padding:12px 14px !important;border:1px solid #dbe4f0 !important;border-radius:12px !important;
    background:#fff !important;color:#0f172a !important;
    box-shadow:inset 0 1px 0 rgba(15,23,42,.03) !important
  }
  .labitpro-supporter .pms-form input:focus,
  .labitpro-supporter .pms-form select:focus{
    outline:none !important;border-color:var(--brand) !important;
    box-shadow:0 0 0 3px rgba(36,142,208,.15) !important
  }

  /* Radios / checkboxes */
  .labitpro-supporter .pms-form input[type="radio"],
  .labitpro-supporter .pms-form input[type="checkbox"]{
    transform:translateY(1px);margin-right:8px
  }
  .labitpro-supporter .pms-form .pms-subscription-plans,
  .labitpro-supporter .pms-form .pms-billing-details,
  .labitpro-supporter .pms-form .pms-payment-gateways{
    margin:10px 0 14px !important;padding:10px 12px !important;border:1px dashed #e6ecf5 !important;border-radius:12px !important;
    background:#fafcff !important;
  }

  /* Submit / buttons (brand blue) */
  .labitpro-supporter .pms-form input[type="submit"],
  .labitpro-supporter input.pms-submit,
  .labitpro-supporter .pms-form .pms-form-submit,
  .labitpro-supporter .pms-account a.button,
  .labitpro-supporter .pms-paygates-wrapper .button{
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    padding:12px 22px !important;border-radius:999px !important;border:2px solid var(--brand) !important;
    background:var(--brand) !important;color:#fff !important;font-weight:800 !important;
    box-shadow:0 2px 0 rgba(0,0,0,.06) !important;
    transition:background .2s ease,border-color .2s ease,transform .08s ease !important
  }
  .labitpro-supporter .pms-form input[type="submit"]:hover,
  .labitpro-supporter input.pms-submit:hover,
  .labitpro-supporter .pms-form .pms-form-submit:hover,
  .labitpro-supporter .pms-account a.button:hover,
  .labitpro-supporter .pms-paygates-wrapper .button:hover{
    background:var(--brand-600) !important;border-color:var(--brand-600) !important;transform:translateY(-1px) !important
  }

  /* Stripe/PayPal rows tidy (generic) */
  .labitpro-supporter .pms-payment-gateways .pms-payment-gateway{
    display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eef2f7
  }
  .labitpro-supporter .pms-payment-gateways .pms-payment-gateway:last-child{border-bottom:none}

  /* ---------------- RIGHT: “What’s Included” selling card ---------------- */
  .promo .promo-lead{margin:4px 0 14px}
  .promo .promo-chips{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px}
  .promo .chip{
    display:inline-flex;align-items:center;background:#eef6ff;border:1px solid #d5e9ff;color:#0b355f;
    padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px;width:max-content
  }

  .promo .feature-list{list-style:none;padding:0;margin:4px 0 14px;display:grid;gap:12px}
  .promo .feature-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
  .promo .feature-list .icon{
    width:22px;height:22px;border-radius:50%;background:var(--brand);
    box-shadow:0 2px 0 rgba(0,0,0,.06);margin-top:2px
  }
  .promo .feature-list .txt strong{display:block}
  .promo .feature-list .txt .sub{color:var(--muted)}

  .promo .guarantee{
    margin:12px 0 12px;padding:12px 14px;border-radius:12px;background:#f6fbff;border:1px solid #e6f0ff
  }
  .promo .micro-proof{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
  .promo .proof-chip{
    background:#f4f5f7;color:#334155;border:1px solid #e6ecf5;
    padding:6px 10px;border-radius:999px;font-weight:600;font-size:12px
  }

  .promo .promo-cta{margin-top:8px}
  .promo .promo-btn{
    display:inline-flex;align-items:center;justify-content:center;
    padding:12px 18px;border-radius:999px;background:var(--brand);color:#fff;
    font-weight:800;text-decoration:none;border:1px solid var(--brand);
    transition:transform .06s ease,background .2s ease,border-color .2s ease;box-shadow:0 2px 0 rgba(0,0,0,.06)
  }
  .promo .promo-btn:hover{background:var(--brand-600);border-color:var(--brand-600);transform:translateY(-1px)}
  .promo .promo-cta .tiny{margin-top:8px;font-size:12px;color:var(--muted)}
<\/style>/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-74a5dbe *//* Hero text now dark */
.labitpro-supporter .hero h1 {
  color: #0f172a !important;
}
.labitpro-supporter .hero p.lead {
  color: #475569 !important;
}

/* Pills now light-on-light styled like your pricing badges */
.labitpro-supporter .pill-row .pill {
  background: #eef6ff !important;
  border: 1px solid #d5e9ff !important;
  color: #0b355f !important;
}
.labitpro-supporter .pill-row .pill .dot {
  background: var(--brand) !important;
}/* End custom CSS */
/* Start custom CSS *//* Align Discount Code input and Apply button inline */
.pms-field-subscriptions {
  display: flex;
  flex-direction: column;
}

.pms-field-subscriptions .pms-discount-wrapper {
  display: flex;
  align-items: center;
  gap: 10px; /* space between input and button */
}

.pms-field-subscriptions input[name="discount_code"] {
  flex: 1;
  max-width: 250px; /* adjust as needed */
}

.pms-field-subscriptions input[type="submit"],
.pms-field-subscriptions .pms-apply-discount {
  margin-top: 0 !important;
  height: 100%;
}




/* Style the subscription plan line */
.pms-subscription-plan-name,
.pms-subscription-plan-price {
    display: inline-block;
    font-size: 1.2rem;       /* make it larger */
    font-weight: 700;        /* bold */
    color: #333;             /* darker text */
    margin-bottom: 10px;
}

/* Add a box around the plan for emphasis */
.pms-field-subscriptions {
    background: #f9f9f9;
    border: 2px solid #FF6100; /* match your orange theme */
    border-radius: 6px;
    padding: 15px;
    margin-top: 15px;
}

/* Optional: label */
.pms-subscriptions-list-title::before {
    content: "Subscription Plan:";
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #FF6100;
    margin-bottom: 8px;
}




/* Style the subscription plan box */
.pms-field-subscriptions {
    background: #fffaf6; /* soft orange tint (adjust as needed) */
    border: 2px solid #ff7a1a; /* stronger orange border */
    border-radius: 8px;
    padding: 18px 20px;
    margin: 20px 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); /* subtle shadow */
    font-size: 1rem;
}

/* Make the plan name + price stand out */
.pms-field-subscriptions .pms-subscription-plan-name,
.pms-field-subscriptions .pms-subscription-plan-price {
    font-weight: 600;
    font-size: 1.1rem;
    color: #333;
}

/* Align discount input + button */
.pms-field-subscriptions .pms-subscription-plan-price,
.pms-field-subscriptions .pms-subscription-plan-sign-up-fee,
.pms-field-subscriptions .pms-subscription-plan-trial {
    display: inline-block;
    margin-left: 5px;
}

/* Label styling */
.pms-field-subscriptions label {
    display: block;
    font-size: 1.05rem;
    margin-bottom: 10px;
    font-weight: bold;
    color: #222;
}/* End custom CSS */