<!DOCTYPE html>
<html lang="en">



<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <title>Mind - Relax | Homepage</title>
  <meta name="description" content="Mind-Relax">
  <?php include("head.php"); ?>

</head>

<body>

  <?php include("menu.php"); ?>
  <main>


    <!-- Hero Section -->
    <section class="section hero-section d-flex align-items-center pb-0">
      <div class="b-container px-3 px-sm-4 px-md-0">
        <div class="row row-cols-1 row-cols-lg-2 g-4 align-items-center text-white">
          <!-- Left Content -->
          <div class="col mt-md-5 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start"
            data-aos="fade-up" data-aos-easing="linear" data-aos-delay="250" data-aos-duration="500">
            <!-- <span class="fs-5 text-primary-color fw-semibold">FIND BALANCE, EMBRACE LIFE</span> -->
            <!-- lh-sm  -->
            <h1 class="display-md-4  font-1 fw-900">
              Find Calm.
              <span class="text-primary-color"> Restore Balance.</span> Reconnect With Yourself.
            </h1>
            <hr class="border border-white border-2 opacity-75 w-75 my-4 mx-auto mx-lg-0">
            <p class="fs-5 my-4">
              A science-backed mental wellness designed to help you reduce stress, manage emotions, and build a
              healthier mind—anytime, anywhere.

            </p>
          <div class="d-flex gap-3 align-items-center my-4 flex-nowrap justify-content-center justify-content-lg-start">
  <button type="button" class="btn btn-primary-solid" data-bs-toggle="modal" data-bs-target="#enquiryModal">
    Book Now
  </button>
</div>
          </div>
          <!-- Video Overlay -->
          <div id="videoOverlay" class="video-overlay d-none mt-0">
            <button type="button"
              class="btn-close-overlay position-absolute top-0 end-0 m-3 text-white fs-2 border-0 bg-transparent"
              aria-label="Close">
              <i class="bi bi-x-lg"></i>
            </button>
            <div class="video-box">
              <div class="ratio ratio-16x9">
                <!-- <div class="youtube-lite" data-id="youtubeFrame" src="https://www.youtube.com/embed/N3Te3HeEFoA?si=YT6iTnj0qgbxYQ-H"
              title="YouTube video" allow="autoplay; encrypted-media" allowfullscreen></div> -->
                <iframe id="youtubeFrame" data-src="https://www.youtube.com/embed/N3Te3HeEFoA?si=YT6iTnj0qgbxYQ-H"
                  title="YouTube video" allow="autoplay; encrypted-media" loading="lazy"
                  referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
              </div>
            </div>
          </div>
          <!-- #video end -->

          <!-- Right Image -->
          <div class="col position-relative text-center pt-lg-4 pt-xl-3">
            <img src="assets/img/office-lifestyle-business-and-people-concept-fri-2023-11-27-04-54-20-utc.png"
              alt="Hero Talent" class="img-fluid position-relative z-2" fetchpriority="high" loading="eager"
              decoding="async">
            <!-- Badge Review -->
            <!-- <div class="badge-cta top-50 start-0 translate-middle-y bg-secondary-color d-none d-lg-block z-3">
              <h2 class="count-up" data-count="4.9" data-suffix=" /5">0</h2>
              <p class="mb-0">Review on Google</p>
            </div> -->
            <!-- Badge Phone -->
            <!-- <div
          class="badge-cta top-0 end-0 bg-primary-color d-none d-lg-flex align-items-center gap-3 justify-content-start z-1">
          <div class="d-flex align-items-end justify-content-center rounded-circle bg-white">
            <i class="bi bi-telephone-fill text-primary-color fs-1"></i>
          </div>
          <div class="justify-content-start">
            <p class="mb-0">Call us anytime</p>
            <h2 class="mb-0">(555) 123-4567</h2>
          </div>
        </div> -->
          </div>
        </div>
      </div>
    </section>
    <!-- #hero end -->

    <!-- Features Section -->
    <div class="section py-5 featu">
      <div class="b-container">
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 justify-content-center">
          <!-- Card 1 -->
          <!-- <div class="col" data-aos="fade-right" data-aos-easing="linear" data-aos-delay="250" data-aos-duration="500">
            <div class="bg-secondary-color text-white p-4 rounded-5 h-100 transition-hover">
              <div class="d-flex align-items-center gap-3 mb-3 justify-content-start" >
                <div
                  class="d-flex align-items-center justify-content-center bg-secondary-color-2 rounded-circle w-50px h-50px" style="background-color: #1747a6;">
                            <img src="assets/img/icon/i1.png" style="width: 50px;">
                </div>
                <span class="fw-bold fs-6 mb-2">Download the App</span>
              </div>
              <p class="mt-5">Get started in minutes on your mobile device.</p>
            </div>
          </div> -->
          <div class="col" data-aos="fade-right" data-aos-easing="linear" data-aos-delay="250" data-aos-duration="500">
            <div class="bg-secondary-color text-white p-4 rounded-5 h-100 transition-hover">
              <div class="d-flex align-items-center gap-3 mb-3 justify-content-start">
                <div
                  class="d-flex align-items-center justify-content-center bg-secondary-color-2 rounded-circle w-50px h-50px" style="background-color: #1747a6;">
                  <img src="assets/img/icon/i1.png" style="width: 50px;">
                </div>
                <span class="fw-bold fs-6 mb-2">Quick Access</span>
              </div>
              <p class="mt-5">Get started instantly on your mobile device with ease.</p>
            </div>
          </div>
          <!-- Card 2 -->
          <div class="col" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="300" data-aos-duration="500">
            <div class="bg-secondary-color-2 text-white p-4 rounded-5 h-100 transition-hover" style="background-color: #1747a6;">
              <div class="d-flex align-items-center gap-3 mb-3 justify-content-start">
                <div
                  class="d-flex align-items-center justify-content-center bg-secondary-color rounded-circle w-50px h-50px">
                  <img src="assets/img/icon/i2.png" style="width: 50px;">
                </div>
                <span class="fw-bold fs-6 mb-2">Set Your Goals</span>
              </div>
              <p class="mt-5"> Choose what you want to improve—stress, sleep, focus, or emotional balance.</p>
            </div>
          </div>

          <!-- Card 3 -->
          <div class="col" data-aos="fade-down" data-aos-easing="linear" data-aos-delay="350" data-aos-duration="500">
            <div class="bg-primary-color text-white p-4 rounded-5 h-100 transition-hover">
              <div class="d-flex align-items-center gap-3 mb-3 justify-content-start">
                <div
                  class="d-flex align-items-center justify-content-center bg-primary-color-2 rounded-circle w-50px h-50px">
                  <img src="assets/img/icon/i3.png" style="width: 50px;">
                </div>
                <span class="fw-bold fs-6 mb-2">Follow Your Plan</span>
              </div>
              <p class="mt-5"> Engage with daily exercises, meditations, and insights tailored to you.</p>
            </div>
          </div>

          <!-- Card 4 -->
          <div class="col" data-aos="fade-left" data-aos-easing="linear" data-aos-delay="400" data-aos-duration="500">
            <div class="bg-primary-color-2 text-white p-4 rounded-5 h-100 transition-hover">
              <div class="d-flex align-items-center gap-3 mb-3 justify-content-start">
                <div
                  class="d-flex align-items-center justify-content-center bg-primary-color rounded-circle w-50px h-50px">
                  <img src="assets/img/icon/i4.png" style="width: 50px;">
                </div>
                <span class="fw-bold fs-6 mb-2">Track Progress</span>
              </div>
              <p class="mt-5">
                Watch your mental wellness improve over time with clear, actionable data.
              </p>
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- #features end-->

    <!-- About section -->
    <section class="section about-section pb-5 my-5 aboutussection" id="about">
      <div class="b-container">
        <div class="row align-items-center g-5">

          <!-- Left Image Side -->
          <div class="col-xl-4 d-flex position-relative">
            <div class="position-relative mx-auto img-container">

              <!-- Primary Image -->
              <div class="ratio-wrapper-429">
                <img src="https://nuro.widagdos.net/assets/img/therapy-session-of-a-teenage-student-girl-profess.jpg"
                  alt="About Us" class="w-100 h-100 object-fit-cover position-absolute top-0 start-0 rounded-5"
                  data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-delay="500" data-aos-duration="1000">
              </div>
            </div>
          </div>

          <!-- Middle Text Side -->
          <div class="col-xl-8">
            <div class="row">
              <!-- <span class="fs-5 text-primary-color fw-semibold mb-2">ABOUT US</span> -->
              <h2 class="font-1 mb-4 fw-800">About Us</h2>
            </div>
            <div class="row">
              <div class="col-12 col-md-7">
                <ul class="list-unstyled fs-5">
                  <li class="d-flex align-items-start mb-2">
                    <i class="bi bi-chevron-right text-primary-color me-2 py-3"></i>
                    <span>Mind Relax acts as a supportive guide to improve your mental health.
                      It helps you stay calm, focused, and emotionally balanced.</span>
                  </li>
                  <li class="d-flex align-items-start mb-2">
                    <i class="bi bi-chevron-right text-primary-color me-2 py-3"></i>
                    <span>Using proven psychology techniques and mindfulness practices, it helps users better understand and control their thoughts and emotions.</span>
                  </li>
                  <li class="d-flex align-items-start mb-2">
                    <i class="bi bi-chevron-right text-primary-color me-2 py-3"></i>
                    <span>It provides effective tools to reduce stress and handle anxiety.
                      Users can feel more relaxed and in control of daily challenges.</span>
                  </li>
                  <li class="d-flex align-items-start mb-2">
                    <i class="bi bi-chevron-right text-primary-color me-2 py-3"></i>
                    <span>Offering features tailored to individual user needs, it ensures a more effective and meaningful wellness journey.</span>
                  </li>
                </ul>
              </div>

              <!-- Right card side -->
              <div class="col-12 col-md-5 mt-sm-4" data-aos="fade-up" data-aos-easing="ease-in-sine"
                data-aos-delay="500" data-aos-duration="1000">
                <div class="card bg-gradient-primary p-4 rounded-5 border-0">
                  <div class="card-body text-white">
                    <h3 class="fs-4 font-1 fw-900">Together, We overcome</h3>
                    <div class="row mt-4">
                      <div class="mb-4 fs-5">
                        <i class="bi bi-check-circle-fill text-secondary-color-2 me-2"></i>
                        Wellness Support
                      </div>
                      <div class="mb-4 fs-5">
                        <i class="bi bi-check-circle-fill text-secondary-color-2 me-2"></i>
                        Mindful Psychology
                      </div>
                      <div class="mb-4 fs-5">
                        <i class="bi bi-check-circle-fill text-secondary-color-2 me-2"></i>
                        Personalized Tools
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </section>
    <!-- #about end -->

    <!-- Quotation Section -->
    <section class="quotes-section py-5">
      <div class="quotes-background"></div>
      <div class="container py-5 px-2 px-md-0 ctasections">
        <div class="row justify-content-center text-center text-white">
          <div class="col-12 col-xl-10">
            <!-- <span class="fs-5 text-primary-color fw-semibold mb-2">GET A QUOTE</span> -->
            <h2 class="font-1 text-white fw-800">
              Take <span class="text-primary-color">The first step</span> toward a <span
                class="text-primary-color">healthier</span> mind.</span>
            </h2>


            <a href="contact" class="btn btn-primary-solid">Contact Now</a>
          </div>
        </div>
      </div>
      <div class="row justify-content-center mt-5">
        <div class="col-12 col-xl-10">
          <!-- card rounded-5 shadow-lg border-0 bg-secondary-gradient -->
          <div class="">
            <div class="card-body p-4 p-lg-5">
              <div class="row g-5 align-items-strench">

                <!-- Quotation form -->

                <!-- #quotes end -->


              </div>
            </div>
          </div>
        </div>
      </div>

      </div>
    </section><!-- #quotation end -->

    <!-- Services Section -->
    <section class="section keyf" style="margin-top: -60px;margin-bottom: -30px;">
      <div class="b-container text-center">
        <!-- <span class="fs-5 text-primary-color fw-semibold mb-2">OUR SERVICES</span> -->
        <h2 class="display-5 font-1 mb-5 fw-800">Key Features</h2>
        <div class="row g-4 my-5">
          <!-- Card 1 -->
          <div class="col-12 col-md-6 col-xl-4 boxes">
            <div class="card bg-accent-color-2 border-0 rounded-5 h-100 shadow-sm p-4 text-start" data-aos="fade-up"
              data-aos-easing="linear" data-aos-delay="250" data-aos-duration="500">
              <div class="mb-4 text-center text-md-start">
                <img src="assets/img/icon/k1.png" alt="" width="80">
              </div>
              <h3 class="font-1 fw-800"> Guided Relaxation Programs
              </h3>
              <hr class="border-primary border-1 opacity-100 w-100 my-4">
              <p class="mb-4">Access expertly designed sessions for stress relief, anxiety reduction, and better sleep.
              </p>
              <!-- <div class="mt-auto">
                <a href="service-detail.html" class="btn btn-dark btn-lg rounded-pill fw-medium scale-hover"
                  aria-label="Read more about Individual Therapy">Read More</a>
              </div> -->
            </div>
          </div>
          <!-- Card 2 -->
          <div class="col-12 col-md-6 col-xl-4">
            <div class="card bg-accent-color-2 border-0 rounded-5 h-100 shadow-sm p-4 text-start" data-aos="fade-up"
              data-aos-easing="linear" data-aos-delay="300" data-aos-duration="500">
              <div class="mb-4 text-center text-md-start">
                <img src="assets/img/icon/k2.png" alt="" width="80">
              </div>
              <h3 class="font-1 fw-800"> Mindfulness & Meditation
              </h3>
              <hr class="border-primary border-1 opacity-100 w-100 my-4">
              <p class="mb-4">Practice daily mindfulness with guided meditations that fit into your routine.
              </p>
              <!-- <div class="mt-auto">
                <a href="service-detail.html" class="btn btn-dark btn-lg rounded-pill fw-medium scale-hover" aria-label="Read more about Mindfulness & Meditation
">Read More</a>
              </div> -->
            </div>
          </div>

          <!-- Card 3 -->
          <div class="col-12 col-xl-4">
            <div class="card bg-accent-color-2 border-0 rounded-5 h-100 shadow-sm p-4 text-start" data-aos="fade-up"
              data-aos-easing="linear" data-aos-delay="350" data-aos-duration="500">
              <div class="mb-4 text-center text-md-start">
                <img src="assets/img/icon/k3.png" alt="" width="80">
              </div>
              <h3 class="font-1 fw-800">Mood Tracking & Insights
              </h3>
              <hr class="border-primary border-1 opacity-100 w-100 my-4">
              <p class="mb-4">Track your emotional patterns and gain meaningful insights to understand your mental
                health better.
              </p>
              <!-- <div class="mt-auto">
                <a href="service-detail.html" class="btn btn-dark btn-lg rounded-pill fw-medium scale-hover" aria-label="Read more about Mood Tracking & Insights
">Read More</a>
              </div> -->
            </div>
          </div>
          <div class="col-12 col-md-6 col-xl-4">
            <div class="card bg-accent-color-2 border-0 rounded-5 h-100 shadow-sm p-4 text-start" data-aos="fade-up"
              data-aos-easing="linear" data-aos-delay="300" data-aos-duration="500">
              <div class="mb-4 text-center text-md-start">
                <img src="assets/img/icon/k4.png" alt="" width="80">
              </div>
              <h3 class="font-1 fw-800"> AI-Based<br>Support

              </h3>
              <hr class="border-primary border-1 opacity-100 w-100 my-4">
              <p class="mb-4">Get instant, judgment-free support through intelligent conversations and exercises.

              </p>
              <!-- <div class="mt-auto">
                <a href="service-detail.html" class="btn btn-dark btn-lg rounded-pill fw-medium scale-hover" aria-label="Read more about AI-Based Support

">Read More</a>
              </div> -->
            </div>
          </div>

          <div class="col-12 col-md-6 col-xl-4">
            <div class="card bg-accent-color-2 border-0 rounded-5 h-100 shadow-sm p-4 text-start" data-aos="fade-up"
              data-aos-easing="linear" data-aos-delay="300" data-aos-duration="500">
              <div class="mb-4 text-center text-md-start">
                <img src="assets/img/icon/k5.png" alt="" width="80">
              </div>
              <h3 class="font-1 fw-800"> Soothing Audio Library Support

              </h3>
              <hr class="border-primary border-1 opacity-100 w-100 my-4">
              <p class="mb-4">
                Relax with calming music, nature sounds, and therapeutic audio sessions.


              </p>
              <!-- <div class="mt-auto">
                <a href="service-detail.html" class="btn btn-dark btn-lg rounded-pill fw-medium scale-hover" aria-label="Read more about Soothing Audio Library

">Read More</a>
              </div> -->
            </div>
          </div>
          <div class="col-12 col-md-6 col-xl-4">
            <div class="card bg-accent-color-2 border-0 rounded-5 h-100 shadow-sm p-4 text-start" data-aos="fade-up"
              data-aos-easing="linear" data-aos-delay="300" data-aos-duration="500">
              <div class="mb-4 text-center text-md-start">
                <img src="assets/img/icon/k1.png" alt="" width="80">
              </div>
              <h3 class="font-1 fw-800"> Sleep Support & Night Routines

              </h3>
              <hr class="border-primary border-1 opacity-100 w-100 my-4">
              <p class="mb-4">
                Improve your sleep with guided night routines, calming exercises, and sleep-focused audio sessions.


              </p>
              <!-- <div class="mt-auto">
                <a href="service-detail.html" class="btn btn-dark btn-lg rounded-pill fw-medium scale-hover" aria-label="Read more about Soothing Audio Library

">Read More</a>
              </div> -->
            </div>
          </div>

        </div>
      </div>
    </section>
    <!-- #services end -->

    <!-- Appointment Section -->
    <section class="section py-5 text-white bg-gradient-secondary ">
      <div class="b-container whych">
        <div class="row align-items-center g-4 pt-5">
          <!-- Left content -->
          <div class="col-12 col-xl-5 order-1 order-md-3 order-xl-1 text-white mt-5 text-center text-xl-start">
            <!-- <span class="text-uppercase text-primary-color fs-5 fw-semibold mb-2">Why Choose Us ?</span> -->
            <h2 class="font-1 display-5 mb-4 fw-800 choosus1">
              Why Choose <span class="text-primary-color">Mind Relax?
              </span>
            </h2>
            <!-- <p class="mb-4">Through consistent care and compassionate guidance, we help
              individuals rediscover strength, build resilience, and move forward toward a brighter, healthier future at
              their own pace.</p> -->
            <ul class="list-unstyled font-1 text-center text-xl-start">
              <li class="d-flex flex-row justify-content-center justify-content-xl-start mb-3">
                <i class="bi bi-check-circle-fill text-primary-color fs-4 mb-2 mb-xl-0 me-2"></i>
                <h3 class="fs-5 fw-bolder py-1">Built on proven psychological principles</h3>
              </li>
              <li class="d-flex flex-row justify-content-center justify-content-xl-start mb-3">
                <i class="bi bi-check-circle-fill text-primary-color fs-4 mb-2 mb-xl-0 me-2"></i>
                <h3 class="fs-5 fw-bolder py-1">Personalized experience based on your needs
                </h3>
              </li>
              <li class="d-flex flex-row justify-content-center justify-content-xl-start mb-3">
                <i class="bi bi-check-circle-fill text-primary-color fs-4 mb-2 mb-xl-0 me-2"></i>
                <h3 class="fs-5 fw-bolder py-1">Easy-to-use, clean, and calming interface
                </h3>
              </li>
              <li class="d-flex flex-row justify-content-center justify-content-xl-start mb-3">
                <i class="bi bi-check-circle-fill text-primary-color fs-4 mb-2 mb-xl-0 me-2"></i>
                <h3 class="fs-5 fw-bolder py-1">Designed for real-life mental wellness challenges

                </h3>
              </li>
            </ul>
            <a href="contact" class="btn btn-primary-solid mb-5">Contact Now</a>
          </div>

          <!-- Middle content -->
          <div class="col-12 col-md-7 col-xl-5 order-2 order-md-1">
            <div class="ratio ratio-1x1">
              <img src="assets/img/woman-teacher-mentor-psychologist-looking-at-web.jpg"
                class="w-100 h-100 object-fit-cover position-absolute rounded-5" alt="Appointment" data-aos="fade-up"
                data-aos-easing="linear" data-aos-delay="750" data-aos-duration="1000">
            </div>
          </div>
          <!-- Right content -->
          <div class="col-12 col-md-5 col-xl-2 d-flex flex-column gap-3 order-3 order-md-2 order-xl-3">
            <div class="card bg-gradient-primary rounded-4 border-0" data-aos="fade-left" data-aos-easing="linear"
              data-aos-delay="500" data-aos-duration="1000">
              <div class="card-body text-center text-white p-3 font-1">
                <div class="display-5"><i class="bi bi-emoji-smile-fill accent-secondary-color"></i></div>
                <div class="mb-0 fs-2 fw-bold">100%</div>
                <p class="mb-0">Satisfaction</p>
              </div>
            </div>
            <div class="card bg-gradient-primary rounded-4 border-0" data-aos="fade-left" data-aos-easing="linear"
              data-aos-delay="750" data-aos-duration="1000">
              <div class="card-body text-center text-white p-3 font-1">
                <div class="display-5"><i class="bi bi-hand-thumbs-up-fill accent-secondary-color"></i></div>
                <div class="mb-0 fs-2 fw-bold">257+</div>
                <p class="mb-0">Happy Patient</p>
              </div>
            </div>
            <div class="card bg-gradient-primary rounded-4 border-0" data-aos="fade-left" data-aos-easing="linear"
              data-aos-delay="1000" data-aos-duration="1000">
              <div class="card-body text-center text-white p-3 font-1">
                <div class="display-5"><i class="bi bi-person-plus-fill accent-secondary-color"></i></div>
                <div class="mb-0 fs-2 fw-bold">10+</div>
                <p class="mb-0">Expert Therapist</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section><!-- #dark-appointment end -->

    <!-- Feedbacks Section -->
    <section class="section py-5 mt-5 feedback" style="margin-bottom: 20px;">
      <div class="b-container testimonialshome">
        <div class="row justify-content-between testihead">
          <div class="col-12 col-lg-7 text-center text-lg-start">
            <!-- <span class="fs-5 text-primary-color fw-semibold mb-2">CLIENT FEEDBACKS</span> -->
            <h2 class="font-1 fw-800">
              Testimonials

            </h2>
          </div>
          <!-- <div class="col-12 col-lg-5 text-center text-lg-start mt-4 mt-md-0">
            <p class="my-4 text-muted-color">Healing isn’t rushed—it’s supported. Our team
              walks beside you, offering understanding and tailored support to help you rebuild confidence and emotional
              peace day by day.</p>
          </div> -->
        </div>

        <div class="swiper mySwiper mt-4">
          <div class="swiper-wrapper">
            <!-- Card 1 -->
            <div class="swiper-slide">
              <div class="card feedback-card">
                <div class="d-flex align-content-center mb-3">
                  <div class="mb-2 text-warning">
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                  </div>
                </div>
                <p class="fw-bold">"Mind Relax has completely changed how I handle stress. I feel more in control and at
                  peace."
                </p>
                <div class="d-flex align-items-center mt-2">
                  <!-- <img src="assets/img/team/team-2.jpg" alt="Client 1" class="rounded-circle me-3" width="64"
                    height="64"> -->
                  <div class="mt-4">
                    <h3 class="h4 font-1 fw-bold text-primary-color">Sarah M</h3>
                    <!-- <p class="text-muted-color">Digital Agency</p> -->
                  </div>
                </div>
              </div>
            </div>
            <!-- Card 2 -->
            <div class="swiper-slide">
              <div class="card feedback-card">
                <div class="d-flex align-content-center mb-3">
                  <div class="mb-2 text-warning">
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                  </div>
                </div>
                <p class="fw-bold">"The guided sessions are incredibly helpful. It’s like having a therapist in my
                  pocket."

                </p>
                <div class="d-flex align-items-center mt-2">
                  <!-- <img src="assets/img/team/team-1.jpg" alt="Client 2" class="rounded-circle me-3" width="64"
                    height="64"> -->
                  <div class="mt-4">
                    <h3 class="h4 font-1 fw-bold text-primary-color">James L</h3>
                    <!-- <p class="text-muted-color">Product Manager</p> -->
                  </div>
                </div>
              </div>
            </div>
            <!-- Card 3 -->
            <div class="swiper-slide">
              <div class="card feedback-card">
                <div class="d-flex align-content-center mb-3">
                  <div class="mb-2 text-warning">
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                    <i class="bi bi-star-fill"></i>
                  </div>
                </div>
                <p class="fw-bold">"I never realized how much I needed this until I tried it. They helps me stay calm
                  and focused every day."</p>
                <div class="d-flex align-items-center mt-2">
                  <!-- <img src="assets/img/team/team-3.jpg" alt="Client 3" class="rounded-circle me-3" width="64"
                    height="64"> -->
                  <div class="mt-4">
                    <h3 class="h4 font-1 fw-bold text-primary-color">Priya K</h3>
                    <!-- <p class="text-muted-color">Content Creator</p> -->
                  </div>
                </div>
              </div>
            </div>
            <!-- Card 4 -->

          </div>
        </div>
      </div>
    </section><!-- #feedbacks end -->








  </main>
  <?php include("footer.php"); ?>
</body>


</html>