<div class="subscription_box_card">
  <div class="pricing-card">
    <div class="pricing-badge">Most Popular</div>
    <div class="pricing-header">
      <h3 class="plan-name">Professional</h3>
      <div class="price-display">
        <span class="currency">$</span>
        <span class="price">29</span>
        <span class="period">/month</span>
      </div>
    </div>
    <div class="pricing-features">
      <div class="feature-item">
        <svg class="check-icon" viewBox="0 0 20 20" fill="currentColor">
          <path d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"/>
        </svg>
        <span>Unlimited Projects</span>
      </div>
      <div class="feature-item">
        <svg class="check-icon" viewBox="0 0 20 20" fill="currentColor">
          <path d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"/>
        </svg>
        <span>Priority Support</span>
      </div>
      <div class="feature-item">
        <svg class="check-icon" viewBox="0 0 20 20" fill="currentColor">
          <path d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"/>
        </svg>
        <span>Advanced Analytics</span>
      </div>
    </div>
    <button class="pricing-button">Get Started</button>
  </div>
</div>