<?php include 'header.php';?>
        
        <!--Start Page Header-->
        <section class="page-header">
            <div class="page-header__bg" style="background-image: url(assets/images/backgrounds/page-header-bg.jpg)">
            </div>
            <div class="shape1 float-bob-x"><img src="assets/images/shapes/page-header-shape1.png" alt=""></div>
            <div class="shape2"><img src="assets/images/shapes/page-header-shape2.png" alt=""></div>
            <div class="container">
                <div class="page-header__inner">
                    <h2> Health & Wellness</h2>
                    <ul class="thm-breadcrumb wow fadeInUp" data-wow-duration="1500ms">
                        <li><a href="index.php">Home</a></li>
                        <li>/</li>
                        <li><a href="index.php">Services</a></li>
                        <li>/</li>
                        <li>Health & Wellness</li>
                    </ul>
                </div>
            </div>
        </section>
        <!--End Page Header-->
        

        <!--Start About Two-->
        <section class="about-two">
            <div class="container">
                <div class="row">
                    <!--Start About Two Img-->
                    <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="about-two__img">
                            <div class="shape2 rotate-me"><img src="assets/images/shapes/about-v2-shape2.png" alt="">
                            </div>
                            <ul class="about-two__img-list1">
                                <li>
                                    <div class="about-two__img-list1-img1">
                                        <img src="assets/images/about/about-v2-img1.jpg" alt="">
                                    </div>
                                </li>

                                <li>
                                    <div class="about-two__img-list1-img2">
                                        <img src="assets/images/about/about-v2-img2.jpg" alt="">
                                    </div>
                                </li>
                            </ul>

                            <ul class="about-two__img-list2">
                                <li>
                                    <div class="about-two__img-list1-img3">
                                        <img src="assets/images/about/about-v2-img3.jpg" alt="">
                                    </div>
                                </li>

                                <li>
                                    <div class="about-two__experiences">
                                        <div class="about-two__experiences-inner">
                                            <h2><span class="odometer" data-count="25"></span><span class="txt">+</span>
                                            </h2>
                                            <p>Years of <br> Experiences</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </div>
                    <!--End About Two Img-->

                    <!--Start About Two Content-->
                   <div class="col-xl-6 wow fadeInRight" 
     data-wow-delay="0ms" 
     data-wow-duration="1500ms"
     style="width:50%; padding:15px; box-sizing:border-box;">

    <div style="width:100%;">

        <!-- TITLE -->
        <div style="margin-bottom:25px;">
            <div style="display:flex; align-items:center; gap:10px; margin-bottom:8px;">
                <div style="width:40px; height:2px; background:#000;"></div>
                <div>
                    <h4 style="margin:0; font-size:20px; font-weight:600;">Health & Wellness Initiatives</h4>
                </div>
            </div>

            <h2 style="margin:0; font-size:32px; font-weight:700; line-height:1.3;">
                Nurturing Healthy Lives, Strengthening Communities
            </h2>
        </div>

        <!-- TEXT BLOCK 1 -->
        <div style="margin-bottom:20px;">
            <p style="font-size:16px; line-height:26px; margin:0;">
                IDEA is committed to promoting holistic wellbeing by ensuring access to quality healthcare, 
                preventive wellness programs, and awareness initiatives. Our mission is to empower individuals 
                with the knowledge and support they need to lead healthier, more fulfilling lives.
            </p>
        </div>

        <!-- TEXT BLOCK 2 -->
        <div style="margin-bottom:25px;">
            <p style="font-size:16px; line-height:26px; margin:0;">
                Through medical assistance programs, health camps, counselling services, and community-focused 
                wellness activities, IDEA strives to address the physical, emotional, and social needs of 
                underserved groups. By nurturing healthier communities, we pave the way for long-term growth 
                and improved quality of life.
            </p>
        </div>

        <!-- BOTTOM AREA -->
        <div style="display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:25px;">

            <!-- BUTTON -->
            <div>
                <a href="contact.html"
                   style="display:inline-block; padding:12px 22px; background:#e41e25; color:#fff; 
                          border-radius:5px; text-decoration:none; font-size:16px; font-weight:600;">
                    Discover Now →
                </a>
            </div>

            <!-- CONTACT INFO -->
            <div style="display:flex; align-items:center; gap:12px;">

                <div style="font-size:24px; color:#e41e25;">
                    <span class="icon-telephone"></span>
                </div>

                <div>
                    <p style="margin:0; font-size:14px; color:#555;">Call us any time:</p>
                    <h4 style="margin:0;">
                        <a href="tel:1234567890" 
                           style="color:#000; text-decoration:none; font-size:20px; font-weight:700;">
                            +91 9995
                        </a>
                    </h4>
                </div>
            </div>
        </div>

    </div>
</div>

                    <!--End About Two Content-->
                </div>
            </div>
        </section>
        <!--End About Two-->


 <!--Start Why Choose One-->
<section class="why-choose-one">
    <div class="why-choose-one__pattern" style="background-image: url(assets/images/pattern/why-choose-v1-pattern.jpg);"></div>
    <div class="shape1"><img src="assets/images/shapes/why-choose-v1-shape1.png" alt=""></div>
    <div class="shape2"><img src="assets/images/shapes/why-choose-v1-shape2.png" alt=""></div>
    <div class="container">
        <div class="row">
            <!--Start Why Choose One Content-->
            <div class="col-xl-6">
                <div class="why-choose-one__content">
                    <div class="sec-title sec-title-animation animation-style2">
                        <div class="sec-title__tagline">
                            <div class="left-line"></div>
                            <div class="text">
                                <h4>Your Health, Your Strength</h4>
                            </div>
                        </div>
                        <h2 class="sec-title__title title-animation">Our Approach</h2>
                    </div>

                    <div class="why-choose-one__content-text1">
                        <p>We are committed to helping you build a healthier, happier life through expert guidance, preventive care, and holistic wellness practices. From nurturing your mental well-being to improving your daily lifestyle habits, our mission is to support you at every step toward a balanced and fulfilling future.</p>

                        <p>True wellness goes beyond treatment. Our initiatives promote healthy lifestyles, preventive care, and emotional well-being, empowering individuals to live balanced and fulfilling lives. Through health camps, awareness drives, and community outreach, we make quality healthcare and wellness education accessible to all, helping communities become stronger and healthier.</p>
                    </div>

                    <div class="why-choose-one__content-text3">
                        <ul class="row">
                            <li class="col-xl-6 col-lg-6 col-md-6 why-choose-one__content-text3-single">
                                <div class="why-choose-one__content-text3-single-inner">
                                    <div class="icon-box"><span class="icon-checked"></span></div>
                                    <div class="text-box">
                                        <p>Promote accessible and inclusive healthcare for all — with a special focus on women, children, the elderly, and underserved communities.</p>
                                    </div>
                                </div>
                            </li>

                            <li class="col-xl-6 col-lg-6 col-md-6 why-choose-one__content-text3-single">
                                <div class="why-choose-one__content-text3-single-inner">
                                    <div class="icon-box"><span class="icon-checked"></span></div>
                                    <div class="text-box">
                                        <p>Establish and support health centers, wellness clinics, and community outreach units to ensure accessible and quality healthcare for all.</p>
                                    </div>
                                </div>
                            </li>
                        </ul>

                        <ul class="row" style="padding-top: 10px;">
                            <li class="col-xl-6 col-lg-6 col-md-6 why-choose-one__content-text3-single">
                                <div class="why-choose-one__content-text3-single-inner">
                                    <div class="icon-box"><span class="icon-checked"></span></div>
                                    <div class="text-box">
                                        <p>Conduct health awareness programs, preventive workshops, and wellness training to empower individuals for healthier lives.</p>
                                    </div>
                                </div>
                            </li>

                            <li class="col-xl-6 col-lg-6 col-md-6 why-choose-one__content-text3-single">
                                <div class="why-choose-one__content-text3-single-inner">
                                    <div class="icon-box"><span class="icon-checked"></span></div>
                                    <div class="text-box">
                                        <p>Conduct health awareness campaigns and wellness programs with partners to build a healthier, informed community.</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--End Why Choose One Content-->

            <!--Start Why Choose One Img-->
            <div class="col-xl-6">
                <div class="why-choose-one__img clearfix">
                    <div class="why-choose-one__img1">
                        <div class="inner">
                            <img src="assets/images/resources/why-choose-v1-img1.jpg" alt="">
                        </div>
                        <div class="why-choose-one__img-experince">
                            <div class="why-choose-one__img-experince-inner">
                                <div class="count-text">
                                    <h2><span class="odometer" data-count="25"></span>+</h2>
                                </div>
                                <p>Years of <br> Experiences</p>
                            </div>
                        </div>
                    </div>
                    <div class="why-choose-one__img2">
                        <img src="assets/images/resources/why-choose-v1-img2.jpg" alt="">
                    </div>
                </div>
            </div>
            <!--End Why Choose One Img-->
        </div>
    </div>
</section>
<!--End Why Choose One-->


        <!--Start Cause Two-->
      <section class="cause-two cause-two--three" style="width:100%; display:block; padding:60px 0;">
    <div class="container" style="width:100%; margin:auto;">
        
        <!-- Section Header -->
        <div class="cause-two--three__top" style="text-align:center; margin-bottom:40px;">
            <div class="sec-title sec-title-animation animation-style2">
                <div class="sec-title__tagline" style="display:flex; justify-content:center; align-items:center; gap:10px;">
                    <div class="left-line" style="width:40px; height:2px; background:#000;"></div>
                    <div class="text">
                        <h4 style="margin:0; font-size:20px; font-weight:600;">Projects under Healthcare Services</h4>
                    </div>
                </div>
                <h2 class="sec-title__title title-animation" style="font-size:32px; margin-top:10px;">Healthcare Services</h2>
            </div>
        </div>

        <!-- 3 Equal Columns -->
        <div class="row equal-height-row" style="display:flex; flex-wrap:wrap; gap:0; width:100%;">

            <!-- COLUMN 1 -->
            <div style="width:33.3333%; padding:15px; box-sizing:border-box; display:flex;">
                <div style="flex-grow:1; border:1px solid #eee; border-radius:8px; overflow:hidden; display:flex; flex-direction:column; height:100%;">
                    <div>
                        <img src="assets/images/resources/cause-v2-img1.jpg" alt="" style="width:100%; height:220px; object-fit:cover;">
                    </div>
                    <div style="padding:20px; display:flex; flex-direction:column; flex-grow:1;">
                        <h2 style="font-size:22px; margin-bottom:10px;">
                            <a href="#" style="color:#000; text-decoration:none;">Elderly Support and Palliative Services</a>
                        </h2>
                        <p style="font-size:16px; color:#444; line-height:24px; margin:0;">
                            Providing compassionate care, emotional support, and palliative services to ensure dignity, comfort, and quality of life for the elderly and terminally ill.
                        </p>
                        <div style="margin-top:20px;">
                            <a href="donation-details.html" style="padding:10px 18px; background:#e41e25; color:#fff; border-radius:5px; text-decoration:none;">Donate Now →</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- COLUMN 2 -->
            <div style="width:33.3333%; padding:15px; box-sizing:border-box; display:flex;">
                <div style="flex-grow:1; border:1px solid #eee; border-radius:8px; overflow:hidden; display:flex; flex-direction:column; height:100%;">
                    <div>
                        <img src="assets/images/resources/cause-v2-img2.jpg" alt="" style="width:100%; height:220px; object-fit:cover;">
                    </div>
                    <div style="padding:20px; display:flex; flex-direction:column; flex-grow:1;">
                        <h2 style="font-size:22px; margin-bottom:10px;">
                            <a href="#" style="color:#000; text-decoration:none;">Health and Hygiene Activities</a>
                        </h2>
                        <p style="font-size:16px; color:#444; line-height:24px; margin:0;">
                            Promoting proper health practices and hygiene awareness through workshops, campaigns, and community initiatives for healthier lives.
                        </p>
                        <div style="margin-top:20px;">
                            <a href="donation-details.html" style="padding:10px 18px; background:#e41e25; color:#fff; border-radius:5px; text-decoration:none;">Donate Now →</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- COLUMN 3 -->
            <div style="width:33.3333%; padding:15px; box-sizing:border-box; display:flex;">
                <div style="flex-grow:1; border:1px solid #eee; border-radius:8px; overflow:hidden; display:flex; flex-direction:column; height:100%;">
                    <div>
                        <img src="assets/images/resources/cause-v2-img3.jpg" alt="" style="width:100%; height:220px; object-fit:cover;">
                    </div>
                    <div style="padding:20px; display:flex; flex-direction:column; flex-grow:1;">
                        <h2 style="font-size:22px; margin-bottom:10px;">
                            <a href="#" style="color:#000; text-decoration:none;">Wellness Programs</a>
                        </h2>
                        <p style="font-size:16px; color:#444; line-height:24px; margin:0;">
                            Offering holistic wellness programs that nurture physical, mental, and emotional well-being for individuals and communities.
                        </p>
                        <div style="margin-top:20px;">
                            <a href="donation-details.html" style="padding:10px 18px; background:#e41e25; color:#fff; border-radius:5px; text-decoration:none;">Donate Now →</a>
                        </div>
                    </div>
                </div>
            </div>

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


        <!--End Cause Two-->

<?php include 'footer.php';?>