<?php include "header1.php"; ?>
	
<style>
body {
   background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
   min-height: 100vh;
   font-family: 'Poppins', Arial, sans-serif;
}

.index2-first-wrapper::after,
.index2-first-wrapper::before {
   display: none;
}

.padd-100 {
   padding: 0;
}

.top-main-wrapper .header-box {
   width: 100%;
   height: 58px;
}

header .main-header-four {
   background: #1D1C29;
}

.pt-section-3 {
    /* background: rgba(255, 255, 255, 0.05); */
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); */
    /* border-radius: 20px; */
    /* padding: 60px 0; */
    /* margin: 40px 0; */
    position: relative;
    overflow: hidden;
    opacity: 0px;
}

.section-heading h2 {
   color: #fff;
   font-size: 2.8rem;
   font-weight: 800;
   letter-spacing: 1px;
   text-shadow: 0 6px 24px rgba(0,0,0,0.4);
}

.section-heading p {
   color: #e0e0e0;
   font-size: 1.25rem;
   margin-top: 12px;
}

.p-box-3 {
   background: linear-gradient(135deg, rgba(34,193,195,0.15) 0%, rgba(253,187,45,0.10) 100%);
   border-radius: 18px;
   padding: 38px 28px;
   box-shadow: 0 6px 32px rgba(0,0,0,0.18);
   transition: transform 0.3s, box-shadow 0.3s;
   border: 2px solid rgba(255,255,255,0.08);
   position: relative;
   overflow: hidden;
}

.p-box-3:hover {
   transform: translateY(-10px) scale(1.03);
   box-shadow: 0 12px 40px rgba(34,193,195,0.18);
   border-color: #22c1c3;
}

.p-promo h3 {
   color: #22c1c3;
   font-size: 2rem;
   font-weight: 700;
   margin-bottom: 8px;
   letter-spacing: 1px;
}

.p-promo p {
   color: #fff;
   font-size: 1.08rem;
   margin-bottom: 18px;
}

.pricing-plan .price {
   color: #fd5e53;
   font-size: 2.8rem;
   font-weight: 900;
   margin-bottom: 18px;
   display: block;
   text-shadow: 0 2px 8px rgba(253,94,83,0.18);
}

.features {
   list-style: none;
   padding: 0;
   color: #fff;
   margin-bottom: 0;
}

.features li {
   font-size: 1.08rem;
   margin: 12px 0;
   display: flex;
   align-items: center;
   gap: 10px;
   transition: color 0.2s;
}

.features li i {
   color: #22c1c3;
   font-size: 1.2rem;
   min-width: 22px;
}

.p-box-3:hover .features li {
   color: #fd5e53;
}

.btn-5 {
   background: linear-gradient(90deg, #22c1c3 0%, #fd5e53 100%);
   color: #fff;
   font-weight: 700;
   padding: 12px 32px;
   border-radius: 30px;
   border: none;
   cursor: pointer;
   font-size: 1.1rem;
   box-shadow: 0 4px 16px rgba(34,193,195,0.18);
   transition: background 0.3s, color 0.3s, transform 0.2s;
}

.btn-5:hover {
   background: linear-gradient(90deg, #fd5e53 0%, #22c1c3 100%);
   color: #fff;
   transform: scale(1.06);
}

@media (max-width: 991px) {
   .pt-section-3 {
      padding: 40px 0;
   }
   .p-box-3 {
      margin-bottom: 30px;
   }
}
</style>

<!-- pricing table third section start -->
<div class="pt-section-3 padd-100 w-100">
    <div class="container">
         <div class="section-heading text-center">
             <h2>
                  Elevate Your Experience with Our Exclusive Plans!
             </h2>
             <p>
                  Choose the plan that best suits your needs and unlock a world of possibilities.
             </p>
         </div>
         <div class="row mt-5 justify-content-center">
             <div class="col-lg-5 col-md-6 col-sm-12 mb-4 wow fadeInUp" data-wow-delay=".2s">
                  <div class="p-box-3">
                      <div class="p-promo text-center">
                           <h3>Plus Plan</h3>
                           <p>Perfect for those who want it all!</p>
                      </div>
                      <div class="pricing-plan text-center">
                           <span class="price">$49</span>
                           <ul class="features mt-3">
                               <li><i class="fas fa-comment"></i> Unlimited messaging</li>
                               <li><i class="fas fa-search"></i> Advanced profile search</li>
                               <li><i class="fas fa-users"></i> Access to premium members</li>
                               <li><i class="fas fa-times-circle"></i> Ad-free experience</li>
                               <li><i class="fas fa-lock"></i> Enhanced privacy settings</li>
                               <li><i class="fas fa-star"></i> Priority customer support</li>
                               <li><i class="fas fa-eye-slash"></i> Offline profile viewing</li>
                               <li><i class="fas fa-calendar-alt"></i> Exclusive events and meetups</li>
                           </ul>
                      </div>
                      <div class="text-center mt-4">
                           <button class="btn-5" onclick="window.location.href='https://buy.stripe.com/8wM15ggYd9ek66k002'">Get Plus</button>
                      </div>
                  </div>
             </div>
             <div class="col-lg-5 col-md-6 col-sm-12 mb-4 wow fadeInUp" data-wow-delay=".3s">
                  <div class="p-box-3">
                      <div class="p-promo text-center">
                           <h3>Basic Plan</h3>
                           <p>A great start for everyone!</p>
                      </div>
                      <div class="pricing-plan text-center">
                           <span class="price">$29</span>
                           <ul class="features mt-3">
                               <li><i class="fas fa-comment-slash"></i> Limited messaging</li>
                               <li><i class="fas fa-search"></i> Basic profile search</li>
                               <li><i class="fas fa-users"></i> Standard member access</li>
                               <li><i class="fas fa-ad"></i> Advertisements displayed</li>
                               <li><i class="fas fa-shield-alt"></i> Standard privacy settings</li>
                               <li><i class="fas fa-headset"></i> Standard customer support</li>
                               <li><i class="fas fa-eye"></i> Online profile viewing only</li>
                               <li><i class="fas fa-calendar-alt"></i> Community events participation</li>
                           </ul>
                      </div>
                      <div class="text-center mt-4">
                           <button class="btn-5" onclick="window.location.href='https://buy.stripe.com/8wM15ggYd9ek66k002'">Get Basic</button>
                      </div>
                  </div>
             </div>
         </div>
    </div>
</div>

<?php include "footer1.php"; ?>	