<?php include('include/header.php');?>

    <!-- Section Header Title -->
    <section class="bg-grey padding-top-45 padding-bottom-45 clearfix">
      <div class="container">
          <div class="row">
            <div class="section-title">
              <div class="col-md-12">
                <h2>About us</h2>
              </div>
            </div>
          </div><!-- End Row -->
      </div><!-- End container -->
    </section><!--  End Section -->

    <!-- Section BreadCrumb -->
    <div class="no-padding border-bottom">
       <div class="container">
          <div class="row">
             <div class="col-md-12">
                 <ol class="breadcrumb breadcrumb-finance">
                    <li><a href="index.php"> <i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
                    <li class="active">Our Vision</li>
                  </ol>
             </div><!--  End col -->
          </div> <!-- End Row -->
       </div><!-- End container -->
    </div><!--  End Section -->
 
    <div class="line"></div>

    <!-- Component Counter Up-->
    <section>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-6">
                    <div class="video-intro-container">
                        <div class="background-video">
                              <img src="photo-1688679365588-e8582db98009.jpeg" class="images-responsive" alt="Image">
                              
                        </div>


                      
                    </div>
                </div>
                <div class="col-xs-12 col-md-6">
                  <h2>Shaping Tomorrow's Financial Landscape</h2>
                  <div class="clearfix"></div>
                  <p>Our vision extends beyond traditional debt settlement. We're building a comprehensive ecosystem that addresses the root causes of financial distress while providing innovative solutions for lasting financial wellness.

</p>
<br>
  <p>Through technology, education, and community support, we're creating a future where financial challenges become opportunities for growth and empowerment.

</p>
<br>
 
              </div><!-- End col -->
            </div><!-- End row -->
        </div><!-- End container-->
    </section><!-- End section-->
<section class="mission-vision-section">
  <div class="container text-center">
         <h2 >Four Pillars of Our Vision
</h2>
<p class="fs-22">These fundamental pillars guide our long-term vision and shape every aspect of our growth and development.

</p>
    <div class="card-container">
      <!-- Mission -->
   
      <div class="card">
        <div class="card-header">
          <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor">
            <circle cx="12" cy="12" r="10"></circle>
            <circle cx="12" cy="12" r="6"></circle>
            <circle cx="12" cy="12" r="2"></circle>
          </svg>
          <h3>Global Financial Empowerment</h3>
        </div>
        <p>
          We envision a world where financial hardship doesn't define one's future, and everyone has access to expert guidance for achieving financial freedom regardless of their location or background.

 </p>
      </div>

      <!-- Vision -->
      <div class="card">
        <div class="card-header">
          <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor">
            <circle cx="12" cy="8" r="6"></circle>
            <path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
          </svg>
          <h3>Innovation Leadership
</h3>
        </div>
        <p>
          To be the pioneering force in debt settlement innovation, continuously developing cutting-edge solutions that revolutionize how people approach and resolve their financial challenges.

 </p>
      </div>
        <div class="card">
        <div class="card-header">
          <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor">
            <circle cx="12" cy="8" r="6"></circle>
            <path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
          </svg>
          <h3>Compassionate Excellence

</h3>
        </div>
        <p>
          Creating a future where debt settlement is approached with genuine empathy, understanding, and human-centered care while maintaining the highest standards of professional excellence.
 </p>
      </div>
        <div class="card">
        <div class="card-header">
          <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor">
            <circle cx="12" cy="8" r="6"></circle>
            <path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
          </svg>
          <h3>Community Building
</h3>
        </div>
        <p>
          Building a supportive community of individuals who have overcome financial challenges and can inspire and guide others on their journey to financial freedom and stability. </p>
      </div>
    </div>
  </div>
</section>
<style>
    .mission-vision-section {
  padding: 5rem 1rem;
  background-color: #f9fafb;
}
.fs-22 {
    font-size:2rem;
}
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
}

.card {
  flex: 1 1 45%;
  background-color: white;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
}

.card-header {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}

.icon {
  width: 48px;
  height: 48px;
  stroke-width: 2;
  stroke: #2563eb; /* blue-600 */
  margin-right: 1rem;
}

.card h3 {
  font-size: 2.75rem;
  font-weight: 700;
  color: #111827; /* gray-900 */
  margin-bottom:0px;
}

.card p {
  color: #4b5563; /* gray-600 */
  line-height: 1.8;
  font-size: 2rem;
}

/* Responsive (stack on small screens) */
@media (max-width: 768px) {
  .card {
    flex: 1 1 100%;
  }
}
.core-values-section {
  padding: 5rem 1rem;
  background-color: #ffffff;
  font-family: 'Segoe UI', sans-serif;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
}

.section-header {
  text-align: center;
  margin-bottom: 3rem;
}

.section-header h2 {
  font-size: 3.25rem;
  font-weight: 700;
  color: #1f2937; /* gray-900 */
}

.section-header p {
  font-size: 2.125rem;
  color: #4b5563; /* gray-600 */
  max-width: 720px;
  margin: 1rem auto 0;
}

.values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.value-card {
  background-color: #f9fafb; /* gray-50 */
  padding: 2rem;
  border-radius: 1rem;
  text-align: center;
  transition: box-shadow 0.3s ease;
}

.value-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.icon-wrapper {
  width: 64px;
  height: 64px;
  background-color: #dbeafe; /* blue-100 */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
}

.icon {
  width: 32px;
  height: 32px;
  stroke: #2563eb; /* blue-600 */
  stroke-width: 2;
  fill: none;
}

.value-card h3 {
  font-size: 2.25rem;
  font-weight: 600;
  color: #111827; /* gray-900 */
  margin-bottom: 0.75rem;
}

.value-card p {
  font-size: 2rem;
  color: #4b5563; /* gray-600 */
  line-height: 1.7;
}

/* Responsive */
@media (max-width: 640px) {
  .section-header h2 {
    font-size: 1.75rem;
  }

  .section-header p {
    font-size: 1rem;
  }
}

.values-section {
  padding: 80px 20px;
  background-color: #f9fafb;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Section Header */
.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-header h2 {
  font-size: 32px;
  color: #111827;
  margin-bottom: 20px;
}

.section-header p {
  font-size: 18px;
  color: #6b7280;
  max-width: 720px;
  margin: 0 auto;
}

/* Grid */
.values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

/* Cards */
.value-card {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
}

.value-card:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.value-card h3 {
  font-size: 20px;
  color: #111827;
  margin-bottom: 15px;
}

.value-card p {
  font-size: 15px;
  color: #4

</style>
<section class="core-values-section">
  <div class="container">
    <div class="section-header">
      <h2>Our Roadmap to the Future
</h2>
      <p>Strategic milestones and ambitious goals that will shape our journey toward becoming the world's leading debt settlement company.</p>
    </div>

    <div class="values-grid">
      <!-- Integrity -->
      <div class="value-card">
        <div class="icon-wrapper">
          <svg viewBox="0 0 24 24" class="icon">
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10"></path>
          </svg>
        </div>
        <h3>2025 Goals
</h3>
        <ul> 
        <li>Help 2,500+ Clients Begin Their Journey to Debt Freedom
</li>
<li>Deliver Seamless Debt Settlement Services Across India
</li>
<li>Launch Beta Version of Our AI-Powered Debt Analysis Platform
</li>
<li>Achieve 98% + Client Satisfaction by End of 2025
</li>
<li>Lay the Foundation for a Financial Education & Debt Awareness Scholarship Program
</li>
        </ul>
        
      </div>

      <!-- Compassion -->
      <div class="value-card">
        <div class="icon-wrapper">
          <svg viewBox="0 0 24 24" class="icon">
            <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
          </svg>
        </div>
        <h3>2027 Vision
</h3>
        <ul> 
        <li>
Become India’s #1 Debt Settlement Company nationwide 
</li>
<li>Deepen Impact Across All Regions of India
</li>
<li>Build a Comprehensive Financial Wellness Ecosystem

</li>
<li>Achieve a 98%+ Client Satisfaction rate
</li>
<li>Partner with Employers, Banks & NGOs for Preventive Debt Education
</li>
        </ul>
      </div>

      <!-- Results-Driven -->
      <div class="value-card">
        <div class="icon-wrapper">
          <svg viewBox="0 0 24 24" class="icon">
            <circle cx="12" cy="12" r="10"></circle>
            <circle cx="12" cy="12" r="6"></circle>
            <circle cx="12" cy="12" r="2"></circle>
          </svg>
        </div>
        <h3>2030 Legacy
</h3>
  <ul> 
        <li>
Transform 100,000+ lives through debt settlement




</li>
<li>Establish global presence in 5+ countries
</li>
<li>Pioneer next-generation financial recovery solutions
</li>
<li>Create sustainable financial education initiatives
</li>
<li>Build lasting partnerships with financial institutions
</li>
        </ul>      </div>

    
    </div>
  </div>
</section>
<section class="values-section">
  <div class="container">
    <div class="section-header">
      <h2>Values That Drive Our Vision</h2>
      <p>These core values are the foundation of our vision and guide every decision we make as we work toward our future goals.</p>
    </div>

    <div class="values-grid">
      <!-- Card 1 -->
      <div class="value-card">
        <div class="icon-circle">
          <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10"></path>
          </svg>
        </div>
        <h3>Integrity First</h3>
        <p>Every decision we make is guided by unwavering ethical standards and complete transparency in all our dealings.</p>
      </div>

      <!-- Card 2 -->
      <div class="value-card">
        <div class="icon-circle">
          <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline>
            <polyline points="16 7 22 7 22 13"></polyline>
          </svg>
        </div>
        <h3>Continuous Growth</h3>
        <p>We are committed to constant improvement, innovation, and evolution to better serve our clients and industry.</p>
      </div>

      <!-- Card 3 -->
      <div class="value-card">
        <div class="icon-circle">
          <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <circle cx="12" cy="8" r="6"></circle>
            <path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
          </svg>
        </div>
        <h3>Excellence Standard</h3>
        <p>We strive for excellence in every aspect of our service delivery and client experience.</p>
      </div>

      <!-- Card 4 -->
      <div class="value-card">
        <div class="icon-circle">
          <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
          </svg>
        </div>
        <h3>Transformative Impact</h3>
        <p>We measure our success by the positive transformation we create in our clients' financial lives.</p>
      </div>
    </div>
  </div>
</section>


    <!-- Get a quote section -->
    <section class="bg-grey no-padding">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
              <div class="quote-warp">
                <div class="quote-text">
                  <h2> We focus on advice consulting business financials <a href="contact.php" class="ot-btn btn-rounded large-btn btn-hightlight-color">Get A Quote</a></h2>
                </div>
              </div>
          </div>
        </div>
      </div>
    </section> <!-- End Section -->
    

  <?php include('include/footer.php');?>