#client_lead_popup { display:none; position:fixed; inset:0; background:rgba(2,6,23,0.6); z-index:99999; align-items:center; justify-content:center;font-family: 'Manrope';padding: 0 20px; }
#client_lead_popup.active {
  display: flex !important;
  opacity: 1;
}
#client_lead_popup .m2m-ssp-close { width: 100%; margin-top: 10px;background:none; border:0; cursor:pointer; }
#m2m-ssp-card-element { border:1px solid #e5e7eb; padding:10px; border-radius:8px; margin-bottom:10px; }
.m2m-ssp-pay { background:#0074d4; color:#fff; padding:13px 14px; border-radius:8px; border:0; cursor:pointer; width: 100%; }
.m2m-ssp-msg { color:#374151; font-size:14px; }


    .checkout-wrapper {
		display: flex;
		width: 100%;
		background:#fff;
		padding:20px 20px 0 20px;
		border-radius:12px;
		max-width:800px;
		margin:0 auto;
		box-shadow:0 12px 30px rgba(0,0,0,0.25);
		position:relative;
		max-height: 95vh;
		overflow: auto;
    }

    .summary {
      flex: 1;
      padding: 40px;
      background: #fafafa;
    }

    .summary h2 {
      margin: 0;
      font-size: 18px;
      font-weight: 500;
    }

    .price {
      margin-top: 20px;
      font-size: 28px;
      font-weight: 600;
    }

    .price small {
      font-size: 14px;
      font-weight: 400;
      color: #555;
      margin-left: 4px;
    }

    .form-area {
      flex: 1;
      padding: 40px;
    }

    .btn {
      display: inline-block;
      padding: 12px;
      border: none;
      border-radius: 6px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      margin-bottom: 12px;
      width: 100%;
    }

    .btn-green {
      background: #00b86b;
      color: white;
    }

    .btn-yellow {
      background: #ffb600;
      color: #111;
    }

    .divider {
      text-align: center;
      margin: 20px 0;
      color: #888;
      position: relative;
    }

    .divider::before,
    .divider::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 40%;
      height: 1px;
      background: #ddd;
    }

    .divider::before {
      left: 0;
    }

    .divider::after {
      right: 0;
    }

    label {
      font-size: 14px;
      font-weight: 500;
      display: block;
      margin-bottom: 6px;
    }

    input[type="email"] {
      width: 100%;
      padding: 10px 12px;
      border: 1px solid #ccd0d5;
      border-radius: 6px;
      font-size: 15px;
      margin-bottom: 20px;
    }

    .payment-method {
      border: 1px solid #ddd;
      border-radius: 6px;
		margin-top: 20px;
      margin-bottom: 20px;
		padding: 15px 15px 10px 15px;
    }

    .payment-option {
      display: flex;
      align-items: center;
		column-gap: 10px;
      border-top: 1px solid #eee;
		margin-bottom: 15px;
    }

    .payment-option:first-child {
      border-top: none;
    }

.payment-option label {
	display: flex;
	align-items: center;
}

    .save-info {
      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 12px;
      margin-bottom: 20px;
      font-size: 14px;
      color: #555;
    }


    .footer {
      margin-top: 20px;
      font-size: 12px;
      color: #666;
      text-align: center;
      padding-bottom: 40px;
    }

    .footer a {
      color: #0074d4;
		font-weight: 600;
      text-decoration: none;
    }

    /* Stripe logo placement */
    .powered-by-stripe {
      position: absolute;
      padding-bottom: 15px;
      right: 20px;
      display: flex;
      align-items: center;
		justify-content: center;
      font-size: 12px;
      color: #666;
    }

    .powered-by-stripe img {
      height: 20px;
      margin-left: 6px;
    }

@media (max-width: 767px) {
	.checkout-wrapper {
		display: block;
    }
	.summary {
      padding: 0px;
		padding-bottom: 30px;
    }
	.form-area {
      padding: 0;
    }
	.footer {
      padding-bottom: 15px;
    }
	.powered-by-stripe {
      position: unset;
    }
}