<?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.html"> <i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
                    <li class="active">About Us</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="images/About/about.jpg" class="images-responsive" alt="Image">
                              
                        </div>


                      
                    </div>
                </div>
                <div class="col-xs-12 col-md-6">
                  <h2 style="color:00bf63">We are Settle Mitra</h2>
                  <div class="clearfix"></div>
                  <p><b>Settle Mitra is a dynamic fintech startup dedicated to providing effective Loan Settlement and Debt Relief solutions. Founded with the vision to assist individuals struggling with overwhelming financial burdens, Settle Mitra offers innovative strategies to help clients break free from the cycle of debt. Our expert consultants work closely with borrowers, negotiating with banks and financial institutions to secure favorable settlement terms — ensuring a clear path toward financial stability.</p>
<br>
  <p>At Settle Mitra, our mission is simple — to provide borrowers with the tools, knowledge, and support they need to break free from debt traps. We act as a trusted partner, ensuring every client receives fair treatment, personalized guidance, and a customized solution tailored to their unique situation.</p>
<br>
 
                  <div class="counter-up counter-up-style-1 counter-up-style-3">
                        <ul>
                          <li>
                            <p><span class="couterup" id="yoe"></span></p>
                            <span class="label-counter">Years of experience</span>
                          </li>
                          <li>
                            <p><span class="couterup" id="hc"></span><span class="unit"></span></p>
                            <span class="label-counter">Happy Customers</span>
                          </li>
                          <li>
                            <p><span class="couterup" id="satis"></span><span class="unit">%</span></p>
                            <span class="label-counter">Satisfaction</span>
                          </li>
                        </ul>
                  </div><!-- End counter up -->
              </div><!-- End col -->
            </div><!-- End row -->
        </div><!-- End container-->
    </section><!-- End section-->
<section class="mission-vision-section">
  <div class="container">
    <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>Our Mission</h3>
        </div>
        <p>
          To empower individuals and businesses to overcome financial challenges through expert debt settlement services, personalized strategies, and unwavering support. We strive to restore financial stability and peace of mind to every client we serve.
        </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>Our Vision</h3>
        </div>
        <p>
          To be the leading debt settlement company recognized for our integrity, innovation, and exceptional results. We envision a world where financial hardship doesn't define one's future, and everyone has access to expert guidance for achieving financial freedom.
        </p>
      </div>
    </div>
  </div>
</section>
<style>
    .mission-vision-section {
  padding: 5rem 1rem;
  background-color: #f9fafb;
}

.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: 2rem;
  }
}

</style>
<section class="core-values-section">
  <div class="container">
    <div class="section-header">
      <h2>Our Core Values</h2>
      <p>These fundamental principles guide everything we do and shape our commitment to our clients.</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>Integrity</h3>
        <p>We operate with complete transparency and honesty in all our dealings.</p>
      </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>Compassion</h3>
        <p>We understand the emotional stress of debt and provide empathetic support.</p>
      </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>Results-Driven</h3>
        <p>We focus on delivering measurable outcomes for our clients.</p>
      </div>

      <!-- Innovation -->
      <div class="value-card">
        <div class="icon-wrapper">
          <svg viewBox="0 0 24 24" class="icon">
            <path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path>
            <path d="M9 18h6"></path>
            <path d="M10 22h4"></path>
          </svg>
        </div>
        <h3>Innovation</h3>
        <p>We continuously evolve our strategies to meet changing financial landscapes.</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');?>