https://cancercontrolmission.org/

제출된 URL:
https://cancercontrolmission.org/
보고서 완료:

링크 · 6개 결과

페이지에서 식별된 외부 링크

링크텍스트
https://www.linkedin.com/company/cancer-control-mission/
https://www.youtube.com/@cancercontrolmission7481
https://www.instagram.com/cancercontrolmission/
https://x.com/CancerCtrlIndia
https://www.facebook.com/cancercontrolmission
https://skypathdigital.com/Skypath Digital

JavaScript 변수 · 31개 결과

페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다

이름유형
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
fbqfunction
_fbqfunction
Popperobject
uidEventnumber
bootstrapobject
$function

콘솔 로그 메시지 · 2개 결과

웹 콘솔에 기록된 메시지

유형카테고리로그
errornetwork
URL
https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.min.js
텍스트
Failed to load resource: the server responded with a status of 404 ()
warningother
URL
https://connect.facebook.net/en_US/fbevents.js
텍스트
Unrecognized feature: 'attribution-reporting'.

HTML

페이지의 원시 HTML 본문

<!DOCTYPE html><html lang="en"><head>
    
    <!-- Meta Pixel Code -->
<script src="https://connect.facebook.net/signals/config/1040198147480156?v=2.9.179&amp;r=stable&amp;domain=cancercontrolmission.org&amp;hme=b8122d5d96cd6f542162ba4f497489972d1ebe228d24c39d34f560e30ae932ce&amp;ex_m=70%2C122%2C107%2C111%2C61%2C4%2C100%2C69%2C16%2C97%2C89%2C51%2C54%2C173%2C176%2C188%2C184%2C185%2C187%2C29%2C101%2C53%2C77%2C186%2C168%2C171%2C181%2C182%2C189%2C132%2C41%2C191%2C192%2C34%2C144%2C15%2C50%2C197%2C196%2C134%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C93%2C17%2C14%2C96%2C92%2C91%2C108%2C52%2C110%2C39%2C109%2C30%2C94%2C26%2C169%2C172%2C141%2C86%2C56%2C84%2C33%2C73%2C0%2C95%2C32%2C28%2C82%2C83%2C88%2C47%2C46%2C87%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C102%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C104%2C103%2C105%2C98%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C90%2C81%2C44%2C35%2C85%2C2%2C36%2C63%2C42%2C106%2C45%2C79%2C68%2C112%2C60%2C59%2C31%2C99%2C58%2C55%2C49%2C78%2C72%2C24%2C113" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1040198147480156');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1040198147480156&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
    
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cancer Control Mission - Home</title>
   <link rel="icon" type="image/x-icon" href="./images/ccm_logo.png">
  <!-- bootstrap css link -->
  <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> -->
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
  <!-- <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> -->
  <!-- <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> -->
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">

  <!-- font awesome cdn link -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer">

    <!-- pop-up button -->
    <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.13/css/mdb.min.css" rel="stylesheet"> -->
    
    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
    
    <!--testimonial slick-slider link here-->
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick-theme.css">

  <!-- css link  -->
  <link rel="stylesheet" href="style.css">
  
  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-GZHGL2X0MV"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-GZHGL2X0MV');
</script>

<style>
.nav-link:hover {
  background-color: #49c860db;
  color: #fff;
}

.dropdown-item:hover {
  color: #49c860db;
}

.dropdown-menu {
  opacity: 0;
  transition: all 0.8s;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  opacity: 1;
}

button#razor-pay-now, button#easebuzz {
  width: 100%;
  background: #009ba4 !important;
  border: none;
}

@media screen and (min-width: 640px) {
  .dropdown-menu {
    transition: all 0.9s;
  }

  .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
  }
}
  
  
button#razor-pay-now {
            width: 100%;
            background: #009ba4 !important;
            border: none;
        }

button#easebuzz {
            width: 100%;
            background: #009ba4 !important;
            border: none;
        }

.help{
  margin: -14px 0;
}

.gradient{
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
}

.gradient-blue{
  background-image: linear-gradient(to right, rgba(255,0,0,0), #009ba4);
}

.gradient-green{
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(21,155,6,1));
}

.product {
    overflow: hidden;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    position: relative;
    height: 300px;
}

.product:hover {
    transform: translateY(-1px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.imgbox {
    height: 155%;
    overflow: hidden;
}

.imgbox img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    transition: transform 0.3s ease-in-out;
}

.product:hover .imgbox img {
    transform: scale(1.1);
}

.specifies {
    position: absolute;
    bottom: 20;
    background-color: #49c860b5;
    color: #fff;
    width: 100%;
     height: 300px; 
    padding: 10px;
    box-sizing: border-box;
    transition: transform 0.3s ease-in-out;
    transform: translateY(82%);
}

.product:hover .specifies {
    transform: translateY(0);
}

.specifies h5 {
    font-size: 1.25rem;
    margin-bottom: -10px;
}
.btn-block {
    width: 100%;
}

.btn-block:hover{
    border: 1px solid red;
    color: red;
    background-color: #fff;
}

@media (max-width: 576px) {
    .imgbox {
        height: 15.438rem;
    }
}

  /* medical case card end here */
</style><style>
   .progress-bar-container {
            margin-top:10px;
            background-color: #f3f3f3;
            border-radius: 8px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
        .progress-bar {
            height: 18px;
            background: linear-gradient(90deg, #f66875, #dc3545);
            transition: width 0.4s ease, background-color 0.4s ease;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }
        .progress-bar:hover {
            background: linear-gradient(90deg, #e57373, #f8b7b9);
        }
        .percentage {
            font-weight: bold;
            color: #4caf50;
        }
        .goal {
            font-size: 1rem;
            color: #333;
        }
        .card-link {
            text-decoration: none;
            color: #fff;
            display: block;
           }

.card-link .card {
  cursor: pointer;
  transition: transform 0.2s;
}

.card-link .card:hover {
  transform: scale(1.02);
}

 .customs-hr {
       width: 80px;
       max-width: 80px;
       height: 5px;
       background-color: red;
       border: none;
       margin: 0 auto;
       display: block;
       opacity: 1;
    }

    @media (max-width: 600px) {
        .customs-hr {
            max-width: 40%; /* Adjust max width on smaller screens */
        }
    }
    
     .counter-box {
            text-align: center;
            padding: 20px;
            color: #fff;
            background: #007bff;
            box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.75);
        }
        .counter {
            font-size: 40px;
            font-weight: bold;
        }
        .counter_plus:after {
            content: " +";
            font-size: 40px;
        }
        
        
        .banner-container {
            position: relative;
            width: 100%;
        }

        .banner-image {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Mobile adjustments */
        @media (max-width: 768px) {
            .banner-container {
                padding: 0;
            }
        }
        
        /*testemonials css here*/
        .customer-logos .slide {
            padding: 10px;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }
        .customer-logos .slide img {
            width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .customer-logos .slide img:hover {
            transform: scale(1.1);
        }
        .slick-center .slide {
            transform: scale(1.1);
            opacity: 1;
        }
</style></head>



<body data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0">
 <!-- Navbar Menu -->
<div class="fixed-top">
  <div class="clearfix">
    <!-- Float-left -->
    <a href="tel:+91-8291009900" class="btn text-white float-start first-header">+91-8291009900</a>
    <a href="tel:+022-28129090" class="btn text-white float-start first-header">+022-28129090</a>

  <!-- //Float-right -->
    <a type="button" class="btn text-white float-end first-header" href="https://www.linkedin.com/company/cancer-control-mission/"><i class="fa-brands fa-linkedin"></i></a>
    <a type="button" class="btn text-white float-end first-header" href="https://www.youtube.com/@cancercontrolmission7481"><i class="fa-brands fa-youtube"></i></a>
    <a type="button" class="btn text-white float-end first-header" href="https://www.instagram.com/cancercontrolmission/"><i class="fa-brands fa-square-instagram"></i></a>
    <a type="button" class="btn text-white float-end first-header" href="https://x.com/CancerCtrlIndia"><i class="fa-brands fa-x-twitter"></i></a>
    <a type="button" class="btn text-white float-end first-header" href="https://www.facebook.com/cancercontrolmission"><i class="fa-brands fa-facebook"></i></a>
</div>
  <!-- Navbar Menu -->
  <div class="container-fluid position-relative p-0">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <div class="container">
        <a class="navbar-brand" href="https://cancercontrolmission.org/" style="font-size: 15px;">
          <img src="./images/ccm_logo.png" alt="ccm-logo" class="img-fluid" width="90px">Cancer Control Mission
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent" style="font-size: 12px;">
          <ul class="navbar-nav ms-auto">
            <!-- Add your other navigation items here -->
            <!-- Example dropdown menu -->
            <li class="nav-item dropdown fw-bolder">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                ABOUT
              </a>
              <ul class="dropdown-menu">
                <!-- Add dropdown menu items here -->
                <li><a class="dropdown-item" href="about.php">About</a></li>
                <li><a class="dropdown-item" href="associated-hospital.php">Associated Hospital</a></li>
                <li><a class="dropdown-item" href="mission-vision.php">Mission/Vision</a></li>
                <li><a class="dropdown-item" href="advisor.php">Advisor</a></li>
                <li><a class="dropdown-item" href="BO-DIRECTORS.php">Board of Directors</a></li>
                <li><a class="dropdown-item" href="audit-report.php">Audit Reports</a></li>
                <li><a class="dropdown-item" href="achivment.php">Achievements</a></li>
              </ul>
            </li>

            <li class="nav-item dropdown fw-bolder">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                GET INVOLVED
              </a>
              <ul class="dropdown-menu">
                <!-- Add dropdown menu items here -->
                <li><a class="dropdown-item" href="volunteers.php">Volunteer</a></li>
                <li><a class="dropdown-item" href="member-us.php">Member with us</a></li>
                <li><a class="dropdown-item" href="partners.php">Partner with us</a></li>
                <li><a class="dropdown-item" href="contact.php">Career</a></li>
              </ul>
            </li>

            <li class="nav-item fw-bolder">
              <a class="nav-link" href="success.php">SUCCESS CASE</a>
            </li>

            <li class="nav-item dropdown fw-bolder">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                PROJECT
              </a>
              <ul class="dropdown-menu">
                <!-- Add dropdown menu items here -->
                <li><a class="dropdown-item" href="programs.php">Running Project</a></li>
                <li><a class="dropdown-item" href="upcoming-project.php">Upcoming Project</a></li>
                <li><a class="dropdown-item" href="mission-hunger.php">Mission Hunger</a></li>
                <li><a class="dropdown-item" href="education-support.php">Education Support</a></li>
              </ul>
            </li>

            <li class="nav-item fw-bold">
              <a class="nav-link" href="blog.php">BLOG</a>
            </li>

            <li class="nav-item dropdown fw-bolder">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                MEDIA
              </a>
              <ul class="dropdown-menu">
                <!-- Add dropdown menu items here -->
                <li><a class="dropdown-item" href="media.php">Gallery</a></li>
                <li><a class="dropdown-item" href="latest-news.php">Latest News</a></li>
              </ul>
            </li>

            <li class="nav-item fw-bold">
              <a class="nav-link" href="contact.php">CONTACT</a>
            </li>
          </ul>
          <a href="https://cancercontrolmission.org/general-donation/" style="color: #000;">
            <button type="button" class="btn rounded donate-now" style="padding: 12px 30px; margin-left: 20px;">Donate</button>
          </a>
        </div>
      </div>
    </nav>
  </div>
</div>


<!-- //banner -->
<a href="https://cancercontrolmission.org/general-donation/">
    </a><div id="heroImageSlider" class="carousel slide hero-header mb-5" data-bs-ride="carousel"><a href="https://cancercontrolmission.org/general-donation/">
        <!--data-bs-interval="5000"-->
      </a><div class="carousel-inner"><a href="https://cancercontrolmission.org/general-donation/">
        <!-- Slide 1 -->
        <div class="carousel-item active">
          <img src="https://cancercontrolmission.org/images/ccm-fbanner.jpg" class="d-block w-100 img-fluid" alt="Slide 1">
        </div>
        <!-- Slide 2 -->
        </a><div class="carousel-item"><a href="https://cancercontrolmission.org/general-donation/">
        </a><a href="https://cancercontrolmission.org/nutrition-kit-for-tb-patients/">  <img src="https://cancercontrolmission.org/images/nutrition-kit-for-tb-patients.jpg" class="d-block w-100 img-fluid" alt="Slide 2"> </a>
        </div>
      </div>
  
      <!-- Carousel controls -->
      <button class="carousel-control-prev" type="button" data-bs-target="#heroImageSlider" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden"></span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#heroImageSlider" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden"></span>
      </button>
    </div>
  
  <!-- Donate Now Button (Fixed) -->
  <!-- Modal -->
  <div class="text-end fixed-top razor-fixed" style="top: 20rem;width: 130px;margin-left: 76.2rem;">
    <a href="https://cancercontrolmission.org/general-donation/" type="button" class="btn text-white rounded" style="background-color: #ff0000b5;">Donate now</a>
  </div>


     <!--Modal -->
  <!--<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">-->
  <!--  <div class="modal-dialog">-->
  <!--    <div class="modal-content">-->
  <!--      <div class="container">-->
  <!--         <div class="row"> -->
  <!--             <div class="col mt-3" id="contribute"> -->
  <!--                <div class="row float_form">-->
  <!--                    <div class="col">-->
  <!--                        <div class="p-3 border-corner z-depth-2">-->
  <!--                            <h2 class="text-center mt-2">Become a Memeber With Cancer Control Mission</h2>-->
  <!--                            <form id="paymentForm" method="post">-->
  <!--                                <div class="mt-4 text-center">-->
  <!--                                    <div class="row ">-->
  <!--                                        <div class="col-6">-->
  <!--                                           <button type="button" class="amount-btn btn btn-sm waves-effect donate-amnt btn px-5 py-2 mt-1"  data-amount="1000" style="border-radius: 0.625rem; background-color: #009ba4;"><span style="font-size: 0.938rem; font-weight:bold;"><i class="fa fa-inr" aria-hidden="true"></i>1000</span></button>-->
  <!--                                        </div>-->
  <!--                                        <div class="col-6">-->
  <!--                                             <button type="button" class="amount-btn btn btn-sm waves-effect donate-amnt btn px-5 py-2 mt-1"  data-amount="2000" style="border-radius: 0.625rem; background-color: #009ba4;"><span style="font-size:0.938rem; font-weight:bold;"><i class="fa fa-inr" aria-hidden="true"></i>2000</span></button>-->
  <!--                                        </div>-->
  <!--                                        <div class="col-6 mb-3">-->
  <!--                                            <button type="button" class="amount-btn btn btn-sm waves-effect donate-amnt btn px-5 py-2 mt-1"  data-amount="3000" style="border-radius: 0.625rem; background-color: #009ba4;"><span style="font-size:0.938rem; font-weight:bold;"><i class="fa fa-inr" aria-hidden="true"></i>3000</span></button>-->
  <!--                                        </div>-->
  <!--                                        <div class="col-6">-->
  <!--                                            <button type="button" class="amount-btn btn btn-sm waves-effect donate-amnt btn px-5 py-2 mt-1"  data-amount="5000" style="border-radius: 0.625rem; background-color: #009ba4;"><span style="font-size:0.938rem; font-weight:bold;"><i class="fa fa-inr" aria-hidden="true"></i>5000</span></button>-->
  <!--                                        </div>-->
  <!--                                        <br><br>-->
  <!--                                    </div>-->
  <!--                                </div>-->
  <!--                                <section class="showcase">-->
  <!--                                    <div class="container">-->
  <!--                                        <div class="row align-items-center">-->
  <!--                                            <div class="form-group col-md-6">-->
  <!--                                                 <label for="inputEmail4">Amount</label> -->
  <!--                                                 <input type="text" name="amount" id="amount" onkeyup="myFunction()" class="form-control" Placeholder="Amount" required>-->
       
  <!--     <span id="zmc" style="color:green; font-size: 0.75rem;"></span>-->
  <!--                                            </div>-->
  <!--                                            <input type="hidden" name="action_type" value="add_donation">-->
  <!--                                            <input type="hidden" name="donation_type" value="ONE_TIME">-->
  <!--                                            <input type="hidden" name="from" value="general-sm">-->
  <!--                                            <div class="form-group col-md-6">-->
  <!--                                                 <label for="inputEmail4">Full Name</label> -->
  <!--                                                 <input type="text" name="name" id="name" placeholder="Name" class="form-control" required>-->
  <!--                                            </div>-->
  <!--                                        </div>-->
  <!--                                        <div class="row align-items-center">-->
  <!--                                            <div class="form-group col-md-6 mt-1">-->
  <!--                                                 <label for="inputEmail4">Email</label> -->
  <!--                                                <input type="email mt-1" name="email" id="email" class="form-control" Placeholder="Email" required>-->
  <!--                                            </div>-->
  <!--                                            <div class="form-group col-md-6">-->
  <!--                                                 <label for="inputEmail4">Phone</label> -->
  <!--                                               <input type="phone" name="phone" id="phone" class="form-control" maxlength="10" placeholder="Phone"  style=" margin-top: 28px;" required>-->

  <!--     <input type="hidden" name="productinfo" id="productinfo" value="general-sm"><br>-->
  <!--                                            </div>-->
  <!--                                        </div>-->
  <!--                                        <div class="row align-items-center">-->
  <!--           <div class="form-group col-md-6">-->
  <!--         <div class="pancard">     -->
  <!--     <input type="text" name="panno" class="form-control" id="panno" Placeholder="Pan Card" required>-->
  <!--         </div>-->
  <!--    </div>   -->
      
  <!--    <div class="form-group col-md-6">-->
  <!--      <div class="city">     -->
  <!--  <input type="text" name="city" class="form-control" id="city" Placeholder="City" required>-->
  <!--      </div>-->
  <!-- </div>-->
  <!-- </div>-->
  <!--                                        <div class="row">-->
  <!--                                            <br><br>-->
  <!--                                            <div class="col"> <button type="submit" class="btn btn-success mt-4"-->
  <!--                                                    id="easebuzz">-->
  <!--                                                    <i class="" aria-hidden="true"></i>Donate</button></div>-->
  <!--                                        </div><br><br>-->
  <!--                                    </div>-->
  <!--                                </section>-->
  <!--                            </form>-->
  <!--                        </div>-->
  <!--                    </div>-->
  <!--                </div>-->
  <!--             </div> -->
  <!--         </div> -->
  <!--    </div>-->
  <!--    </div>-->
  <!--  </div>-->
  <!--</div>-->

  <div class="d-grid gap2 footer-btn">
   <a href="https://cancercontrolmission.org/general-donation/" type="button" class="btn text-white rounded" style="background-color: #ff0000b5;">
     Donate now
    </a>
  </div>


     <!--Modal for phone-->
  <!--<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">-->
  <!--  <div class="modal-dialog">-->
  <!--    <div class="modal-content">-->
  <!--      <div class="container">-->
  <!--         <div class="row"> -->
  <!--             <div class="col mt-3" id="contribute"> -->
  <!--                <div class="row float_form">-->
  <!--                    <div class="col">-->
  <!--                        <div class="p-3 border-corner z-depth-2">-->
  <!--                            <h2 class="text-center mt-2">Become a Memeber With Cancer Control Mission</h2>-->
  <!--                            <form name="razorpay_frm_payment" class="razorpay-frm-payment" id="razorpay-frm-payment"-->
  <!--                                method="post">-->
  <!--                                <div class="mt-4 text-center">-->
  <!--                                    <div class="row ">-->
  <!--                                        <div class="col-6">-->
  <!--                                            <button type="button"-->
  <!--                                                class="donate-amnt-2 donate-amnt btn py-3 waves-effect"-->
  <!--                                                id="amnt-btn-1" value="3000" style="border-radius: 10px;">-->
  <!--                                                <span style="font-size:15px; font-weight:bold;">3000</span></button>-->
  <!--                                        </div>-->
  <!--                                        <div class="col-6">-->
  <!--                                            <button type="button" id="amnt-btn-2"-->
  <!--                                                class="donate-amnt-2 btn-sm donate-amnt btn py-3 mt-1  waves-effect" value="2500" style="border-radius: 10px;">-->
  <!--                                                <span style="font-size:15px; font-weight:bold;">2500</span></button>-->
  <!--                                        </div>-->
  <!--                                        <div class="col-6">-->
  <!--                                            <button type="button" id="amnt-btn-3" class="donate-amnt-2 btn-sm  donate-amnt btn py-3 mt-1 mb-2 waves-effect" value="1500" style="border-radius: 10px;">-->
  <!--                                                <span style="font-size:15px; font-weight:bold;">1500</span></button>-->
  <!--                                        </div>-->
  <!--                                        <div class="col-6">-->
  <!--                                            <button type="button" id="amnt-btn-4" class="donate-amnt-2 btn-sm donate-amnt py-3 mt-1 mb-2 btn waves-effect"-->
  <!--                                                value="1000" style="border-radius: 10px;">-->
  <!--                                                <span style="font-size:15px; font-weight:bold;">1000</span></button>-->
  <!--                                        </div>-->
  <!--                                        <br><br>-->
  <!--                                    </div>-->
  <!--                                </div>-->
  <!--                                <section class="showcase">-->
  <!--                                    <div class="container">-->
  <!--                                        <div class="row align-items-center">-->
  <!--                                            <div class="form-group col-md-6">-->
  <!--                                                 <label for="inputEmail4">Amount</label> -->
  <!--                                                <input type="number" class="form-control mb-2" id="amount" name="amount" placeholder="Amount" onkeyup="myFunction()" value="" required>-->
  <!--                                                <span id="zmc" style="color:red; font-size: 12px;"></span>-->
  <!--                                            </div>-->
  <!--                                            <input type="hidden" name="action_type" value="add_donation">-->
  <!--                                            <input type="hidden" name="donation_type" value="ONE_TIME">-->
  <!--                                            <input type="hidden" name="from" value="baby-amulya-SM">-->
  <!--                                            <div class="form-group col-md-6">-->
  <!--                                                 <label for="inputEmail4">Full Name</label> -->
  <!--                                                <input type="text" name="billing_name" class="form-control mb-2" id="billing-name" Placeholder="Name" required>-->
  <!--                                            </div>-->
  <!--                                        </div>-->
  <!--                                        <div class="row align-items-center">-->
  <!--                                            <div class="form-group col-md-6">-->
  <!--                                                 <label for="inputEmail4">Email</label> -->
  <!--                                                <input type="email" name="billing_email" class="form-control" id="billing-email" Placeholder="Email" required>-->
  <!--                                            </div>-->
  <!--                                            <div class="form-group col-md-6">-->
  <!--                                                 <label for="inputEmail4">Phone</label> -->
  <!--                                                <input type="text" name="billing_phone" class="form-control" id="billing-phone" Placeholder="Phone" required>-->
  <!--                                            </div>-->
  <!--                                        </div>-->
  <!--                                      <div class="row align-items-center">-->
  <!--                                       <div class="form-group col-md-6">-->
  <!--                                        <div class="pancard">     -->
  <!--                                         <input type="text" name="panno" class="form-control" id="panno" Placeholder="Pan Card" required>-->
  <!--                                        </div>-->
  <!--                                       </div>   -->
      
  <!--                                      <div class="form-group col-md-6">-->
  <!--                                        <div class="city">     -->
  <!--                                         <input type="text" name="city" class="form-control" id="city" Placeholder="City" required>-->
  <!--                                        </div>-->
  <!--                                       </div>-->
  <!--                                      </div>-->
                                          
                                          
  <!--                                        <div class="row">-->
  <!--                                            <br><br>-->
  <!--                                            <div class="col"> <button type="button" class="btn btn-success mt-4"-->
  <!--                                                    id="razor-pay-now">-->
  <!--                                                    <i class="" aria-hidden="true"></i>Donate</button></div>-->
  <!--                                        </div><br><br>-->
  <!--                                    </div>-->
  <!--                                </section>-->
  <!--                            </form>-->
  <!--                        </div>-->
  <!--                    </div>-->
  <!--                </div>-->
  <!--    </div>-->
  <!--    </div>-->
  <!--  </div>-->
  <!--</div>-->
  <!--</div>-->
  <!--</div>-->
    

 




<div class="container mb-5" style="margin-top:180px;">
    <div class="text-center fw-bold pb-4">
    <h3><b>ACTIVE MEDICAL CASES</b></h3>
    <hr class="customs-hr">
</div>
    
    <div class="row g-4">
        
   <div class="col-lg-4 col-md-6 col-sm-12 aos-init" data-aos="fade-up">
    <a href="https://cancercontrolmission.org/meghna-chavhan/" class="card-link">
    </a><div class="card product shadow"><a href="https://cancercontrolmission.org/meghna-chavhan/" class="card-link">
      <div class="imgbox">
        <img src="https://cancercontrolmission.org/meghna-chavhan/img/medical-case/meghna-chavhan.jpg" class="card-img-top img-fluid" alt="Help meghna-chavhan">
      </div>
      </a><div class="card-body specifies"><a href="https://cancercontrolmission.org/meghna-chavhan/" class="card-link">
        <h5 class="card-title text-center fw-bold">Help Meghna Chavhan</h5>
        <hr>
        <p class="card-text">APPEAL FOR “MRS. MEGHNA CHAVHAN” WHOSE BABY IS BATTLING LBW IUGR WITH RESPIRATORY DISTERESS</p>
        <hr>
        <h4 class="text-center">₹2,50,000/-</h4>
        </a><a href="https://cancercontrolmission.org/meghna-chavhan/" class="btn btn-danger btn-block">Donate Now</a>
      </div>
    </div>
     
    <div class="progress-bar-container mt-3">
     <div class="progress-bar" style="width: 0.02%;"></div>
    </div>
    <div class="goal d-flex justify-content-between mt-2">
      <!--<span class="percentage">0.02%</span>-->
      <span class="total-amount">Goal: ₹2,50,000</span>
   </div>
 </div>
        
        
  <div class="col-lg-4 col-md-6 col-sm-12 aos-init" data-aos="fade-up">
    <a href="https://cancercontrolmission.org/arshin-shaikh/" class="card-link">
    </a><div class="card product shadow"><a href="https://cancercontrolmission.org/arshin-shaikh/" class="card-link">
      <div class="imgbox">
        <img src="https://cancercontrolmission.org/arshin-shaikh/img/medical-case/arshin-shaikh.jpg" class="card-img-top img-fluid" alt="Help arshin-shaikh">
      </div>
      </a><div class="card-body specifies"><a href="https://cancercontrolmission.org/arshin-shaikh/" class="card-link">
        <h5 class="card-title text-center fw-bold">Help Arshin Shaikh</h5>
        <hr>
        <p class="card-text">APPEAL FOR “MS. ARSHIN ZAHEER SHAIKH” WHO IS BATTLING PRE-B ACUTE LYMPHOBLASTIC LEUKEMIA (ALL) AND NEEDS CHEMOTHERAPY</p>
        <hr>
        <h4 class="text-center">₹20,00,000/-</h4>
        </a><a href="https://cancercontrolmission.org/arshin-shaikh/" class="btn btn-danger btn-block">Donate Now</a>
      </div>
    </div>
     
    <div class="progress-bar-container mt-3">
     <div class="progress-bar" style="width: 0%;"></div>
    </div>
    <div class="goal d-flex justify-content-between mt-2">
      <!--<span class="percentage">0.00%</span>-->
      <span class="total-amount">Goal: ₹20,00,000</span>
   </div>
 </div>
        
        
  <div class="col-lg-4 col-md-6 col-sm-12 aos-init" data-aos="fade-up">
    <a href="https://cancercontrolmission.org/ritika-gupta/" class="card-link">
    </a><div class="card product shadow"><a href="https://cancercontrolmission.org/ritika-gupta/" class="card-link">
      <div class="imgbox">
        <img src="https://cancercontrolmission.org/ritika-gupta/img/medical-case/ritika-gupta.jpg" class="card-img-top img-fluid" alt="Help ritika-gupta">
      </div>
      </a><div class="card-body specifies"><a href="https://cancercontrolmission.org/ritika-gupta/" class="card-link">
        <h5 class="card-title text-center fw-bold">Help RITIKA GUPTA</h5>
        <hr>
        <p class="card-text">Your generous contributions can make Ritika’s dream of receiving treatment at Fortis Hospital in Mumbai a reality. We earnestly invite you to join hands with us in giving Ritika the gift of life.</p>
        <hr>
        <h4 class="text-center">₹2,50,000/-</h4>
        </a><a href="https://cancercontrolmission.org/ritika-gupta/" class="btn btn-danger btn-block">Donate Now</a>
      </div>
    </div>
     
    <div class="progress-bar-container mt-3">
     <div class="progress-bar" style="width: 0.3%;"></div>
    </div>
    <div class="goal d-flex justify-content-between mt-2">
      <!--<span class="percentage">0.30%</span>-->
      <span class="total-amount">Goal: ₹2,50,000</span>
   </div>
 </div>
        
        
  <div class="col-lg-4 col-md-6 col-sm-12 aos-init" data-aos="fade-up">
    <a href="https://cancercontrolmission.org/arqam-chaudhari/" class="card-link">
    </a><div class="card product shadow"><a href="https://cancercontrolmission.org/arqam-chaudhari/" class="card-link">
      <div class="imgbox">
        <img src="https://cancercontrolmission.org/arqam-chaudhari/img/medical-case/arqam-chaudhari.jpg" class="card-img-top img-fluid" alt="Help arqam-chaudhari">
      </div>
      </a><div class="card-body specifies"><a href="https://cancercontrolmission.org/arqam-chaudhari/" class="card-link">
        <h5 class="card-title text-center fw-bold">Help ARQAM CHAUDHARI</h5>
        <hr>
        <p class="card-text">Your generous contributions can make Arqam’s dream of receiving treatment at Fortis Hospital in Mumbai a reality. We earnestly invite you to join
        hands with us in giving Arqam the gift of life.</p>
        <hr>
        <h4 class="text-center">₹3,10,000/-</h4>
        </a><a href="https://cancercontrolmission.org/arqam-chaudhari/" class="btn btn-danger btn-block">Donate Now</a>
      </div>
    </div>
     
    <div class="progress-bar-container mt-3">
     <div class="progress-bar" style="width: 5.43%;"></div>
    </div>
    <div class="goal d-flex justify-content-between mt-2">
      <!--<span class="percentage">5.43%</span>-->
      <span class="total-amount">Goal: ₹3,10,000</span>
   </div>
 </div>
        
        
   <div class="col-lg-4 col-md-6 col-sm-12 aos-init" data-aos="fade-up">
    <a href="https://cancercontrolmission.org/ajara-shaikh/" class="card-link">
    </a><div class="card product shadow"><a href="https://cancercontrolmission.org/ajara-shaikh/" class="card-link">
      <div class="imgbox">
        <img src="https://cancercontrolmission.org/ajara-shaikh/img/medical-case/ajara-shaikh.jpg" class="card-img-top img-fluid" alt="Help ajara-shaikh">
      </div>
      </a><div class="card-body specifies"><a href="https://cancercontrolmission.org/ajara-shaikh/" class="card-link">
        <h5 class="card-title text-center fw-bold">Help Ajara Khalik Shaikh</h5>
        <hr>
        <p class="card-text">We urgently need your help for our daughter, Baby Ajara Khalik Shaikh, a brave 5-year-old girl who is fighting a severe head injury, including a parietal depressed fracture and underlying contusion. </p>
        <hr>
        <h4 class="text-center">₹7,00,000/-</h4>
        </a><a href="https://cancercontrolmission.org/ajara-shaikh/" class="btn btn-danger btn-block">Donate Now</a>
      </div>
    </div>
     
    <div class="progress-bar-container mt-3">
     <div class="progress-bar" style="width: 3.91%;"></div>
    </div>
    <div class="goal d-flex justify-content-between mt-2">
      <!--<span class="percentage">3.91%</span>-->
      <span class="total-amount">Goal: ₹7,00,000</span>
   </div>
 </div>
        
 <!-- <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/zohan-shaikh/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/zohan-shaikh/img/medical-case/zohan-shaikh.jpg" class="card-img-top img-fluid" alt="Help zohan-shaikh">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Zohan Shaikh</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">APPEAL BY PARENTS FOR THEIR SON “MST. ZOHAN SHAIKH” FOR HIS TREATMENT OF HEART DEFECT</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹1,95,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/zohan-shaikh/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 10.02%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">10.02%</span>-->
 <!--     <span class="total-amount">Goal: ₹1,95,000</span>-->
 <!--  </div>-->
 <!--</div>-->
        
        
   <div class="col-lg-4 col-md-6 col-sm-12 aos-init" data-aos="fade-up">
    <a href="https://cancercontrolmission.org/ali-muslim/" class="card-link">
    </a><div class="card product shadow"><a href="https://cancercontrolmission.org/ali-muslim/" class="card-link">
      <div class="imgbox">
        <img src="https://cancercontrolmission.org/ali-muslim/img/medical-case/ali-muslim.jpg" class="card-img-top img-fluid" alt="Help ali-muslim">
      </div>
      </a><div class="card-body specifies"><a href="https://cancercontrolmission.org/ali-muslim/" class="card-link">
        <h5 class="card-title text-center fw-bold">Help ali-muslim</h5>
        <hr>
        <p class="card-text">APPEAL BY PARENTS FOR THEIR SON “MST. ALI MUSLIM” FOR HIS TREATMENT OF HEART DEFECT</p>
        <hr>
        <h4 class="text-center">₹2,50,000/-</h4>
        </a><a href="https://cancercontrolmission.org/ali-muslim/" class="btn btn-danger btn-block">Donate Now</a>
      </div>
    </div>
     
    <div class="progress-bar-container mt-3">
     <div class="progress-bar" style="width: 0.55%;"></div>
    </div>
    <div class="goal d-flex justify-content-between mt-2">
      <!--<span class="percentage">0.55%</span>-->
      <span class="total-amount">Goal: ₹2,50,000</span>
   </div>
 </div>
 
        
 <!-- <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/mogra-valvi/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/mogra-valvi/img/medical-case/mogra-valvi.jpg" class="card-img-top img-fluid" alt="Help mogra-valvi">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help MOGRA VALVI</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">APPEAL FOR “MRS. MOGRA VALVI” WHOSE BABY IS BATTLING RESPIRATORY DISTRESS</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹10,00,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/mogra-valvi/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 3.43%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">3.43%</span>-->
 <!--     <span class="total-amount">Goal: ₹10,00,000</span>-->
 <!--  </div>-->
 <!--</div>-->
        
<!-- <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/kulsum-shaikh/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/kulsum-shaikh/img/medical-case/kulsum-shaikh.jpg" class="card-img-top img-fluid" alt="Help kulsum-shaikh">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Kulsum Shaikh</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">APPEAL BY PARENTS FOR THEIR DAUGHTER “MS KULSUM SHAIKH” FOR HER-->
<!--TREATMENT OF HEART CONDITION</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹2,40,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/kulsum-shaikh/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--     <div class="progress-bar" style="width: 8.23%;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">8.23%</span>-->
<!--      <span class="total-amount">Goal: ₹2,40,000</span>-->
<!--   </div>-->
<!-- </div>-->
        
<!--  <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/ashmeera-naaz/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/ashmeera-naaz/img/medical-case/ashmeera-naaz.jpg" class="card-img-top img-fluid" alt="Help ashmeera-naaz">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Ashmeera Naaz</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">APPEAL BY PARENTS FOR THEIR DAUGHTER “MS ASHMEERA NAAZ” FOR HER-->
<!--TREATMENT OF HEART CONDITION</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹4,10,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/ashmeera-naaz/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--     <div class="progress-bar" style="width: 1.35%;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">1.35%</span>-->
<!--      <span class="total-amount">Goal: ₹4,10,000</span>-->
<!--   </div>-->
<!-- </div>-->
        
        
<!--<div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/vinayak-bind/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/vinayak-bind/img/medical-case/vinayak-bind.jpg" class="card-img-top img-fluid" alt="Help vinayak-bind">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Vinayak Bind</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">APPEAL FOR “MR. VINAYAK BIND’S INFANT SON” WHO IS BATTLING FOR HIS-->
<!--LIFE ON VENTILATOR SUPPORT</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹2,00,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/vinayak-bind/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--     <div class="progress-bar" style="width: 8.64%;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">8.64%</span>-->
<!--      <span class="total-amount">Goal: ₹2,00,000</span>-->
<!--   </div>-->
<!-- </div>-->
        
        
 <!-- <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/aarti-mhaskar/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/aarti-mhaskar/img/medical-case/aarti-mhaskar.jpg" class="card-img-top img-fluid" alt="Help aarti-mhaskar">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Aarti Mhaskar</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">APPEAL FOR “MRS. AARTI MHASKAR” WHOSE BABY BOY IS BATTLING PREMATURE BIRTH AND CRITICAL HEALTH COMPLICATIONS.</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹2,00,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/aarti-mhaskar/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 3.58%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">3.58%</span>-->
 <!--     <span class="total-amount">Goal: ₹2,00,000</span>-->
 <!--  </div>-->
 <!--</div> -->
        
        
 <!--       <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/aarav-bharadwaj/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/aarav-bharadwaj/img/medical-case/aarav-bharadwaj.jpg" class="card-img-top img-fluid" alt="Help aarav-bharadwaj">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Aarav Bharadwaj</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">URGENT HELP NEEDED FOR MASTER AARAV BHARADWAJ’S LIFE-SAVING BONE MARROW TRANSPLANT.</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹31,38,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/aarav-bharadwaj/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 3.51%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
 <!--     <span class="percentage">3.51%</span>-->
 <!--     <span class="total-amount">Goal: ₹31,38,000</span>-->
 <!--  </div>-->
 <!--</div> -->
        
        
        
 <!-- <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/pooja-aswale/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/pooja-aswale/img/medical-case/pooja-aswale.jpg" class="card-img-top img-fluid" alt="Help pooja-aswale">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Pooja Aswale</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">Pooja Rahul Aswale is facing every parent’s worst nightmare. Her baby boy, born prematurely at 34 weeks and weighing just 2.210 kg, is fighting for his life.</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹3,00,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/pooja-aswale/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 3.42%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">3.42%</span>-->
 <!--     <span class="total-amount">Goal: ₹3,00,000</span>-->
 <!--  </div>-->
 <!--</div> -->
        
 <!--   <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/satvik-keshari/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/satvik-keshari/img/medical-case/satvik-keshari.jpg" class="card-img-top img-fluid" alt="Help satvik-keshari">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Satvik Keshari</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">The cost of Satvik’s treatment, including pre-transplant workup, the transplant itself, and post- transplant care, is estimated to be Rs. 10,00,000/- (Ten Lakhs).</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹10,00,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/satvik-keshari/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 10.88%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">3.93%</span>-->
 <!--     <span class="total-amount">Goal: ₹10,00,000</span>-->
 <!--  </div>-->
 <!--</div> -->
        
 <!--  <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/mansi-kuvar/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/mansi-kuvar/img/medical-case/mansi-kuvar.jpg" class="card-img-top img-fluid" alt="Help mansi-kuvar">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Mansi Kuvar</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">We urgently appeal for your assistance on behalf of our beloved daughter, Ms. Mansi Kuvar, a courageous 6-year-old girl facing a life-threatening-->
 <!--       heart disease (TOF PS).</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹2,50,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/mansi-kuvar/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 9.37%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">3.93%</span>-->
 <!--     <span class="total-amount">Goal: ₹2,50,000</span>-->
 <!--  </div>-->
 <!--</div>-->
        
        
        
 <!--  <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/omkar-gumbade/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/omkar-gumbade/img/medical-case/omkar-gumbade.jpg" class="card-img-top img-fluid" alt="Help omkar-gumbade">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help OMKAR GUMBADE</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">AN URGENT APPEAL TO THE DONORS TO HELP “MST. OMKAR GUMBADE” WHO IS BATTLING HEART DEFECT</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹3,85,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/omkar-gumbade/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 3.93%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">0.00%</span>-->
 <!--     <span class="total-amount">Goal: ₹3,85,000</span>-->
 <!--  </div>-->
 <!--</div>-->
        
 <!-- <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/devansh-jadhav/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/devansh-jadhav/img/medical-case/devansh-jadhav.jpg" class="card-img-top img-fluid" alt="Help devansh-jadhav">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Devansh Jadhav</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">APPEAL FOR “MST. JADHAV DEVANSH PANKAJ” WHO IS BATTLING PRE-B ACUTE LYMPHOBLASTIC LEUKEMIA (ALL) AND NEEDS CHEMOTHERAPY</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹7,00,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/devansh-jadhav/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 3.33%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">0.00%</span>-->
 <!--     <span class="total-amount">Goal: ₹7,00,000</span>-->
 <!--  </div>-->
 <!--</div>-->
 
 
        
 <!--   <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/poonam-vishwakarma/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/poonam-vishwakarma/img/medical-case/poonam-vishwakarma.jpg" class="card-img-top img-fluid" alt="Help poonam-vishwakarma">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Poonam Vishwakarma</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">APPEAL FOR “MRS. POONAM VISHWAKARMA” WHOSE BABY GIRL IS BATTLING-->
 <!--          PREMATURE BIRTH AND CRITICAL HEALTH COMPLICATIONS</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹20,00,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/poonam-vishwakarma/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 7.6%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">0.00%</span>-->
 <!--     <span class="total-amount">Goal: ₹20,00,000</span>-->
 <!--  </div>-->
 <!--</div>-->
        
        
        
 <!--  <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/sharvil-akhade/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/sharvil-akhade/img/medical-case/sharvil-akhade.jpg" class="card-img-top img-fluid" alt="Help sharvil-akhade">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Sharvil Akhade</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">APPEAL FOR “MAST. AKHADE SHARVIL TEJAS” WHO IS BATTLING ALL B CELL-->
 <!--       LEUKEMIA AND NEEDS CHEMOTHERAPY</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹7,00,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/sharvil-akhade/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 13.38%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">0.00%</span>-->
 <!--     <span class="total-amount">Goal: ₹7,00,000</span>-->
 <!--  </div>-->
 <!--</div>-->
        
 <!-- <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
 <!--   <a href="https://cancercontrolmission.org/nasreen-khan/" class="card-link">-->
 <!--   <div class="card product shadow">-->
 <!--     <div class="imgbox">-->
 <!--       <img src="https://cancercontrolmission.org/nasreen-khan/img/medical-case/nasreen-khan.jpg" class="card-img-top img-fluid" alt="Help nasreen-khan">-->
 <!--     </div>-->
 <!--     <div class="card-body specifies">-->
 <!--       <h5 class="card-title text-center fw-bold">Help Nasreen Khan</h5>-->
 <!--       <hr>-->
 <!--       <p class="card-text">APPEAL FOR “MRS. NASREEN KHAN” WHOSE BABY IS BATTLING RESPIRATORY-->
 <!--          DISTRESS AND EARLY ONSET NEONATAL SEPSIS</p>-->
 <!--       <hr>-->
 <!--       <h4 class="text-center">₹4,00,000/-</h4>-->
 <!--       <a href="https://cancercontrolmission.org/nasreen-khan/" class="btn btn-danger btn-block">Donate Now</a>-->
 <!--     </div>-->
 <!--   </div>-->
 <!--    </a>-->
 <!--   <div class="progress-bar-container mt-3">-->
 <!--    <div class="progress-bar" style="width: 7.12%;"></div>-->
 <!--   </div>-->
 <!--   <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">7.12%</span>-->
 <!--     <span class="total-amount">Goal: ₹4,00,000</span>-->
 <!--  </div>-->
 <!--</div>-->
        
<!--   <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/kiran-gupta-sm/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/kiran-gupta-sm/img/medical-case/kiran-gupta.jpg" class="card-img-top img-fluid" alt="Help kiran-gupta">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Kiran Gupta</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">Kiran is facing a very difficult situation because her newborn baby boy arrived earlier than expected and is struggling with serious health issues</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹2,50,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/kiran-gupta-sm/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--     <div class="progress-bar" style="width: 1.63%;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
<!--      <span class="percentage">1.63%</span>-->
<!--      <span class="total-amount">Goal: ₹2,50,000</span>-->
<!--   </div>-->
<!--</div>-->
        
<!--   <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/kartiki-aware-sm/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/kartiki-aware-sm/img/medical-case/kartiki-aware.jpg" class="card-img-top img-fluid" alt="Help kartiki-aware-sm">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Kartiki Aware</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">APPEAL BY PARENTS FOR THEIR DAUGHTER “MS KARTIKI AWARE” FOR HER TREATMENT OF HEART CONDITION</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹1,85,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/kartiki-aware-sm/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--      <div class="progress-bar" style="width: %;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
<!--      <span class="percentage">0.00%</span>-->
<!--      <span class="total-amount">Goal: ₹0</span>-->
<!--    </div>-->
<!--</div>-->
        
        
<!--   <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/krushna-bhujade-sm/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/krushna-bhujade-sm/img/medical-case/krushna-bhujade.jpg" class="card-img-top img-fluid" alt="Help krushna-bhujade-sm">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Krushna Bhujade</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">APPEAL FOR “MST. KRUSHNA BHUJADE” FOR HIS TREATMENT OF ACUTE LYMPHOBLASTIC LEUKEMIA</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹6,00,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/krushna-bhujade-sm/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--     <div class="progress-bar" style="width: 0.81%;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
      <!--<span class="percentage">0.81%</span>-->
<!--      <span class="total-amount">Goal: ₹6,00,000</span>-->
<!--   </div>-->
<!--</div>-->
        
        
<!--  <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/rishabh-govekar-sm/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/rishabh-govekar-sm/img/medical-case/rishabh-govekar.jpg" class="card-img-top img-fluid" alt="Help rishabh-govekar">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Rishabh Govekar</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">APPEAL BY PARENTS FOR THEIR SON “MST. RISHABH GORVKAR” FOR HIS TREATMENT OF HEART DEFECT</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹3,00,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/rishabh-govekar-sm/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--      <div class="progress-bar" style="width: 7.98%;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
<!--      <span class="percentage">7.98%</span>-->
<!--      <span class="total-amount">Goal: ₹300,000</span>-->
<!--    </div>-->
<!--</div>-->
        
<!--  <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/anaya-ansari-sm/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/anaya-ansari-sm/img/medical-case/anaya-ansari.jpg" class="card-img-top img-fluid" alt="Help anaya-ansari">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Anaya Ansari</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">APPEAL BY PARENTS FOR THEIR DAUGHTER “MS ANAYA ANSARI” FOR HER TREATMENT OF HEART CONDITION.</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹2,40,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/anaya-ansari-sm/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--      <div class="progress-bar" style="width: 0.46%;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
<!--      <span class="percentage">0.46%</span>-->
<!--      <span class="total-amount">Goal: ₹290,000</span>-->
<!--    </div>-->
<!--</div>-->
        
<!--<div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/vaishnavi-barge/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/vaishnavi-barge/img/medical-case/vaishnavi-barge.jpg" class="card-img-top img-fluid" alt="Help vaishnavi-barge">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Vaishnavi Barge</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">APPEAL FOR “MISS. VAISHNAVI BARGE” WHO IS BATTLING PARTIAL AV CANAL.</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹2,90,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/vaishnavi-barge/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--      <div class="progress-bar" style="width: 0.17%;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
<!--      <span class="percentage">0.17%</span>-->
<!--      <span class="total-amount">Goal: ₹290,000</span>-->
<!--    </div>-->
<!--</div>-->
        
<!-- <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/naresh-potani-sm/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/naresh-potani-sm/img/medical-case/naresh-potani.jpg" class="card-img-top img-fluid" alt="Help naresh-potani-sm">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help NARESH POTANI</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">APPEAL BY PARENTS FOR THEIR SON “MST. NARESH POTANI” FOR HIS TREATMENT OF BONE MARROW TRANSPLANT SURGERY</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹20,00,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/naresh-potani-sm/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--      <div class="progress-bar" style="width: %;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
<!--      <span class="percentage">0.00%</span>-->
<!--      <span class="total-amount">Goal: ₹0</span>-->
<!--    </div>-->
 
<!--</div>-->
        
<!--       <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
<!--    <a href="https://cancercontrolmission.org/satvik-mavachi/" class="card-link">-->
<!--    <div class="card product shadow">-->
<!--      <div class="imgbox">-->
<!--        <img src="https://cancercontrolmission.org/satvik-mavachi/img/medical-case/satvik-mavachi.jpg" class="card-img-top img-fluid" alt="Help Satvik Mavachi">-->
<!--      </div>-->
<!--      <div class="card-body specifies">-->
<!--        <h5 class="card-title text-center fw-bold">Help Satvik Mavachi</h5>-->
<!--        <hr>-->
<!--        <p class="card-text">Cancer Control Mission needs your financial support for the medical treatment of the baby Satvik Mavachi</p>-->
<!--        <hr>-->
<!--        <h4 class="text-center">₹2,50,000/-</h4>-->
<!--        <a href="https://cancercontrolmission.org/satvik-mavachi/" class="btn btn-danger btn-block">Donate Now</a>-->
<!--      </div>-->
<!--    </div>-->
<!--     </a>-->
<!--    <div class="progress-bar-container mt-3">-->
<!--      <div class="progress-bar" style="width: 10.95%;"></div>-->
<!--    </div>-->
<!--    <div class="goal d-flex justify-content-between mt-2">-->
<!--      <span class="percentage">10.95%</span>-->
<!--      <span class="total-amount">Goal: ₹250,000</span>-->
<!--    </div>-->
 
<!--</div>-->

   <!--<div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
   <!-- <a href="https://cancercontrolmission.org/aryan-agivale/" class="card-link">-->
   <!-- <div class="card product shadow">-->
   <!--   <div class="imgbox">-->
   <!--     <img src="https://cancercontrolmission.org/aryan-agivale/img/medical-case/aryan-agivale.jpg" class="card-img-top img-fluid" alt="Help Satvik Mavachi">-->
   <!--   </div>-->
   <!--   <div class="card-body specifies">-->
   <!--     <h5 class="card-title text-center fw-bold">Help ARYAN AGIVALE</h5>-->
   <!--     <hr>-->
   <!--     <p class="card-text">Our precious little son is in urgent need of Surgery, with a treatment cost of Rs. 1,85,000/- (1 lakhs and 85 thousand Only).</p>-->
   <!--     <hr>-->
   <!--     <h4 class="text-center">₹1,85,000/-</h4>-->
   <!--     <a href="https://cancercontrolmission.org/aryan-agivale/" class="btn btn-danger btn-block">Donate Now</a>-->
   <!--   </div>-->
   <!-- </div>-->
   <!--  </a>-->
   <!-- <div class="progress-bar-container mt-3">-->
   <!--   <div class="progress-bar" style="width: 12.43%;"></div>-->
   <!-- </div>-->
   <!-- <div class="goal d-flex justify-content-between mt-2">-->
   <!--   <span class="percentage">12.43%</span>-->
   <!--   <span class="total-amount">Goal: ₹185,000</span>-->
   <!-- </div>-->
   <!--</div>-->
        
   <!--      <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
   <!-- <a href="https://cancercontrolmission.org/zoya-kaji/" class="card-link">-->
   <!-- <div class="card product shadow">-->
   <!--   <div class="imgbox">-->
   <!--     <img src="https://cancercontrolmission.org/zoya-kaji/img/medical-case/zoya-kaji.jpg" class="card-img-top img-fluid" alt="Help zoya-kaji">-->
   <!--   </div>-->
   <!--   <div class="card-body specifies">-->
   <!--     <h5 class="card-title text-center fw-bold">Help ZOYA KAJI</h5>-->
   <!--     <hr>-->
   <!--     <p class="card-text">Surgery: Cancer Control Mission has committed to Zoya’s treatment expense of Rs. 1,85,000/- (1 lakh and 85 Thousand Only).</p>-->
   <!--     <hr>-->
   <!--     <h4 class="text-center">₹1,85,000/-</h4>-->
   <!--     <a href="https://cancercontrolmission.org/zoya-kaji/" class="btn btn-danger btn-block">Donate Now</a>-->
   <!--   </div>-->
   <!-- </div>-->
   <!--  </a>-->
   <!-- <div class="progress-bar-container mt-3">-->
   <!--   <div class="progress-bar" style="width: 13.67%;"></div>-->
   <!-- </div>-->
   <!-- <div class="goal d-flex justify-content-between mt-2">-->
   <!--   <span class="percentage">13.67%</span>-->
   <!--   <span class="total-amount">Goal: ₹185,000</span>-->
   <!-- </div>-->
   <!--</div>-->
   
   
   <!--<div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
   <!-- <a href="https://cancercontrolmission.org/atharv-dhangude/" class="card-link">-->
   <!-- <div class="card product shadow">-->
   <!--   <div class="imgbox">-->
   <!--     <img src="https://cancercontrolmission.org/atharv-dhangude/img/medical-case/atharv-dhangude.jpg" class="card-img-top img-fluid" alt="Help atharv-dhangude">-->
   <!--   </div>-->
   <!--   <div class="card-body specifies">-->
   <!--     <h5 class="card-title text-center fw-bold">Help ATHARV DHANGUDE</h5>-->
   <!--     <hr>-->
   <!--     <p class="card-text">We need your help urgently for our son, little baby Atharv Dhangude. He's a brave 07-month-old fighting a serious heart disease.</p>-->
   <!--     <hr>-->
   <!--     <h4 class="text-center">₹3,10,000/-</h4>-->
   <!--     <a href="https://cancercontrolmission.org/atharv-dhangude/" class="btn btn-danger btn-block">Donate Now</a>-->
   <!--   </div>-->
   <!-- </div>-->
   <!--  </a>-->
   <!-- <div class="progress-bar-container mt-3">-->
   <!--   <div class="progress-bar" style="width: 15.15%;"></div>-->
   <!-- </div>-->
   <!-- <div class="goal d-flex justify-content-between mt-2">-->
   <!--   <span class="percentage">15.15%</span>-->
   <!--   <span class="total-amount">Goal: ₹310,000</span>-->
   <!-- </div>-->
   <!--</div>-->
   
   
   <!--   <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">-->
   <!-- <a href="https://cancercontrolmission.org/deepti-galbe/" class="card-link">-->
   <!-- <div class="card product shadow">-->
   <!--   <div class="imgbox">-->
   <!--     <img src="https://cancercontrolmission.org/deepti-galbe/img/medical-case/deepti-galbe.jpg" class="card-img-top img-fluid" alt="Help prince-pawar">-->
   <!--   </div>-->
   <!--   <div class="card-body specifies">-->
   <!--     <h5 class="card-title text-center fw-bold">Help DEEPTI GALBE</h5>-->
   <!--     <hr>-->
   <!--     <p class="card-text">Cancer Control Mission needs your financial support for the medical treatment of the twin babies of Deepti Galbe.</p>-->
   <!--     <hr>-->
   <!--     <h4 class="text-center">₹10,00,000/-</h4>-->
   <!--     <a href="https://cancercontrolmission.org/deepti-galbe/" class="btn btn-danger btn-block">Donate Now</a>-->
   <!--   </div>-->
   <!-- </div>-->
   <!--  </a>-->
   <!-- <div class="progress-bar-container mt-3">-->
   <!--   <div class="progress-bar" style="width: 7.6%;"></div>-->
   <!-- </div>-->
   <!-- <div class="goal d-flex justify-content-between mt-2">-->
   <!--   <span class="percentage">7.60%</span>-->
   <!--   <span class="total-amount">Goal: ₹1,000,000</span>-->
   <!-- </div>--> 
   <!--</div>-->
        
    </div>
</div>


<div class="text-center my-5">
  <a href="medical-case.php" class="btn fw-bold py-3 px-5 mb-3 view-all-program aos-init" style="font-size: 1.25rem;" data-aos="zoom-in-up">View More</a>
</div>


<!-- our programs -->
<div class="container-fluid p-5" style="background-color: #99eff412">
  <div class="text-center">
    <p style="color: #009ba4; font-size: 14px;" class="fw-medium fw-bold">PROGRAMS THAT MAKE AN IMPACT</p>
    <h2 style="font-size: 50px; font-weight: 700;">Our Programs</h2>
    <p class="programms-p">Today, we’re building on the success of our trial to see how large-scale lump-sum cash
      payments affect refugees.</p>
  </div>

  <!-- //cards -->
  <div class="row row-cols-1 row-cols-md-3 g-4">
    <div class="col-md-4">
      <div class="card h-100">
        <img src="https://cancercontrolmission.org/images/education-supp.jpg" class="card-img-top img-fluid" alt="education-support" height="275px">
        <div class="card-body">
          <h5 class="card-title Education-Support" style="color: #009ba4;">Education Support</h5>
          <p class="card-text">Orphanage offers assistance with uniforms, fees, school supplies, unseling, child safety,
            activities to improve capacity, and help for generating revenue.</p>
        </div>
        <div class="card-footer education-read" style="border-top: none; background-color: #fff;">
          <a href="education-support.php" target="_blank" style="text-decoration:none; color: red;">Read More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
            </svg>
          </a>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card h-100">
        <img src="./images/medical-sup-01.jpg" class="card-img-top img-fluid" alt="medical-support">
        <div class="card-body">
          <h5 class="card-title Education-Support" style="color: #009ba4;">Medical Support</h5>
          <p class="card-text">Orphanage offers assistance with niforms, fees, school supplies, unseling, child safety,
            activities to improve capacity, and help for generating revenue.</p>
        </div>
        <div class="card-footer education-read" style="border-top: none; background-color: #fff;">
          <a href="programs.php" target="_blank" style="text-decoration:none; color: red;">Read More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
            </svg>
          </a>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card h-100">
        <img src="./images/food-support.jpg" class="card-img-top img-fluid" alt="food">
        <div class="card-body">
          <h5 class="card-title Education-Support" style="color: #009ba4;">Food </h5>
          <p class="card-text">Orphanage offers assistance with niforms, fees, school supplies, unseling, child safety,
            activities to improve capacity, and help for generating revenue.</p>
        </div>
        <div style="border-top: none; background-color: #fff;" class="card-footer education-read">
          <a href="https://cancercontrolmission.org/mission-hunger.php" target="_blank" style="text-decoration:none; color: red;">Read More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
            </svg>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="text-center m-4">
    <a href="programs.php" target="_blank" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-4"> View all Programs <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
        <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
      </svg>
     </a>
  </div>
</div>

<!-- charity with difference -->
<div class="container-fluid p-5" style="background-color: #fdf6f5;">
  <div class="row">
    <div class="col-md-6">
      <p style="font-size: 15px; color: #009ba4;" class="mt-4 fw-semibold">WE CHANGE YOUR LIFE &amp; WORLD</p>
      <h2 style=" font-size: 40px; font-weight: 700;" class="Charity-With-Difference-h2">Charity With Difference</h2>
      <p style="font-size: 18px;">Discover a charity with a unique approach, where every donation creates a lasting impact. Our organization empowers individuals and communities through innovative programs tailored to their needs. Join us in making a real difference today.</p>
      <a href="https://cancercontrolmission.org/mission-hunger.php" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-4 mb-4"> Donate for Cause <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
          <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
        </svg> 
      </a>
    </div>
    <div class="col-md-6 charity-with-difference">
      <img src="./images/charity.jpg" alt="charity-with-difference" class="img-responsive img-fluid">
    </div>
  </div>
</div>

<!-- //counter -->
<div class="container aos-init" data-aos="zoom-in-up">
  <div class="row">
    <div class="col-6 col-md-3">
      <div class="counter-box colored rounded">
        <span class="counter counter_plus" data-target="25000000" data-format="cr">2.5cr</span>
        <p>People We reached till now</p>
      </div>
    </div>
    <div class="col-6 col-md-3">
      <div class="counter-box colored rounded">
        <span class="counter" data-target="1600">1,600+</span>
        <p>Volunteers till now</p>
      </div>
    </div>
    <div class="col-6 col-md-3">
      <div class="counter-box colored rounded">
        <span class="counter" data-target="1200">1,200+</span>
        <p>Medical Support till now</p>
      </div>
    </div>
    <div class="col-6 col-md-3">
      <div class="counter-box colored rounded">
        <span class="counter" data-target="80">80</span>
        <p>Successful Campaigns till now</p>
      </div>
    </div>
  </div>
</div>



<!-- // We feed -->
<div class="container  mt-5">
  <div class="row">
    <div class="col">
      <div class="row">
        <div class="col rounded-4 m-2" style="background-color: #f2fafa; padding: 30px;">
          <img src="./images/feed.jpg" alt="We feed" width="65px" class="img-fluid">
          <h6 class="mt-3">We Feed</h6>
          <p>We have remained committed to our goal of putting an end to hunger.</p>
        </div>
        <div class="col m-2 rounded-4" style="background-color: #f2fafa; padding: 30px;">
          <img src="./images/donate.jpg" alt="We Donate" width="65px" class="img-fluid">
          <h6 class="mt-3">We Donate</h6>
          <p>A donation is a gift for charity, humanitarian aid, or to benefit a cause.</p>
        </div>
      </div>
      <div class="row">
        <div class="col m-2 rounded-4" style="background-color: #f2fafa; padding: 30px;">
          <img src="./images/build.jpg" alt="We Build" width="65px" class="img-fluid">
          <h6 class="mt-3">We build</h6>
          <p>Building construction is the process of adding structures to areas of land.</p>
        </div>
        <div class="col m-2 rounded-4" style="background-color: #f2fafa; padding: 30px;">
          <img src="./images/educate.png" alt="We Educate" width="65px" class="img-fluid">
          <h6 class="mt-3">We Educate</h6>
          <p>Educating millions of children with no touch of education due to poverty.</p>
        </div>
      </div>

    </div>
    <div class="col column-wm">
      <p style="color: #009ba4; font-size: 16px; margin-top: 140px;" class="fw-medium fw-bold"></p>
      <h1 class="mt-4 ethics-difference">What Makes Us the Different</h1>
      <p style="font-size: 21px;" class="fw-lighter mt-4">We focus on reaching out and bringing about lasting change, setting us apart in making a real impact.</p>
      <a href="https://cancercontrolmission.org/mission-hunger.php" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-4"> Donate for Cause <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
          <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
        </svg> </a>
    </div>
  </div>
</div>

<!-- //Make An Impact -->
<div class="container-fluid p-5 mt-5" style="background-color: #fdf6f5;">
  <div class="row">
    <div class="col-md-6">
      <img src="./images/initiative.jpg" alt="initiative" class="img-responsive img-fluid initiative">
    </div>
    <div class="col-md-6">
      <h5 class="mt-2">MAKE AN IMPACT</h5>
      <h1>You Can Help a Lot by Donating Little for Charity</h1>
      <!--<p>We are a fast growing and innovative marketing agency. Our experienced team is made up of creative and-->
      <!--  technical minds with high expertise of Marketing Strategies.</p>-->

      <p><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#009ba4" class="bi bi-check-circle" viewBox="0 0 16 16">
          <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
          <path d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"></path>
        </svg> Collective donations create a powerful impact.</p>
      <p> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#009ba4" class="bi bi-check-circle" viewBox="0 0 16 16">
          <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
          <path d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"></path>
        </svg> By giving today, we unite in our mission.</p>
      <p><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#009ba4" class="bi bi-check-circle  fa-10x" viewBox="0 0 16 16">
          <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
          <path d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"></path>
        </svg> Bring out positive change in the society.</p>
      <a href="about.php" target="_blank" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-4"> More About Us <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="#009ba4" class="bi bi-arrow-right" viewBox="0 0 16 16">
          <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
        </svg> </a>
    </div>
  </div>
</div>


<!-- //Donate for the Cause -->
<div class="container-fluid background-fixed text-center" style="padding: 100px 0;">
  <h6 class="text-center">DONATE FOR THE CAUSE</h6>
  <h1 class="text-center">Let's help other with your charity</h1>
  <!--<p class="text-center">The design must be not only structurally sound and appropriate for the use and location, but-->
  <!--  must also be financially possible to build, and legal to use. The financial structure must be adequate to build the-->
  <!--  design provided, and must pay amounts that are legally owed.</p>-->
  <a href="about.php" target="_blank" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-4 img-fluid"> More About Us <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
      <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
    </svg> </a>
</div>


<!-- //WE CHANGE YOUR LIFE & WORLD -->
<div class="container text-center mt-5">
  <h6>WE CHANGE YOUR LIFE &amp; WORLD</h6>
  <h1>Help Our Cause</h1>
  <!--<p>Today, we’re building on the success of our trial to see how large-scale lump-sum cash payments affect refugees.-->
  <!--</p>-->

  <div class="row row-cols-1 row-cols-md-3 g-4 mt-2">
    <div class="col-md-4">
      <div class="card h-100 p-4">
        <img src="./images/gunjan1.jpg" class="card-img-top" alt="imagesss">
        <div class="card-body">
          <h6 class="card-title"><b>MEDICAL EMERGENCY CASE</b></h6>
          <p class="card-text">Help our organizaton by Donating today! All donations goes directly for our cause</p>
          <!-- <div class=" text-center"> -->
          <div class="row font-weight-bold">
            <div class="col">
              3,20,238
            </div>
            <div class="col">
            25
            </div>
            <div class="col">
              ₹10,000,00
            </div>
          </div>

          <div class="row">
            <div class="col">
              Raised
            </div>
            <div class="col">
              donation
            </div>
            <div class="col">
              Goal
            </div>
          </div>
          <div class="wrapper mt-3">
            <div class="progress pogress-u " style="height: 10px;">
              <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="21.5" role="progressbar" style="width: 40%;" class="progress-bar"></div>
            </div>
          </div>
          <!-- </div> -->
          <hr style="border: 1px solid black;">
          <a href="https://cancercontrolmission.org/medical-case.php" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-2">Donate for Cause<svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
            </svg> </a>
        </div>

      </div>

    </div>
    <div class="col-md-4">
      <div class="card h-100 p-4">
        <img src="https://cancercontrolmission.org/images/school-ccm1.jpg" class="card-img-top img-fluid" alt="Education Support">
        <div class="card-body">
          <h6 class="card-title"><b>EDUCATION SUPPORT</b></h6>
          <p class="card-text">Help our organizaton by Donating today! All donations goes directly for our cause.</p>
          <div class="row font-weight-bold">
            <div class="col">
             71,109
            </div>
            <div class="col">
              12
            </div>
            <div class="col">
              ₹3,000,00
            </div>
          </div>

          <div class="row">
            <div class="col">
              Raised
            </div>
            <div class="col">
              donation
            </div>
            <div class="col">
              Goal
            </div>
          </div>
          <div class="wrapper mt-3">
            <div class="progress progress-u" style="height: 10px;">
              <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="21.5" role="progressbar" style="width: 30%;" class="progress-bar"></div>
            </div>
          </div>
          <hr style="border: 1px solid black;">
          <a href="https://cancercontrolmission.org/education-support.php" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-2">Donate for Cause<svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
            </svg> </a>

        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card h-100 p-4">
        <img src="./images/cov17.jpg" class="card-img-top img-fluid" alt="">
        <div class="card-body">
          <h6 class="card-title"><b>FOOD DONATION</b></h6>
          <p class="card-text">Help our organizaton by Donating today! All donations goes directly for our cause.</p>
          <div class="row font-weight-bold">
            <div class="col">
              1,10,236
            </div>
            <div class="col">
              23
            </div>
            <div class="col">
              ₹5,000,00
            </div>
          </div>

          <div class="row">
            <div class="col">
              Raised
            </div>
            <div class="col">
              donation
            </div>
            <div class="col">
              Goal
            </div>
          </div>
          <div class="wrapper mt-3">
            <div class="progress progress-u" style="height: 10px;">
              <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="21.5" role="progressbar" style="width: 20%;" class="progress-bar"></div>
            </div>
          </div>
          <hr style="border: 1px solid black;">
          <a href="https://cancercontrolmission.org/mission-hunger.php" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-2">Donate for Cause <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
            </svg> </a>

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


<!-- trusted by 10K+ donors -->
<div style="background-color: #000;">
  <div class="container-fluid image-fixed text-center p-5 mt-5">
    <h6 class="text-center">DONATE FOR THE CAUSE</h6>
    <h1 class="text-center">Trusted by 10k+ Donors</h1>
    <!--<p class="text-center">The design must be not only structurally sound and appropriate for the use and location, but-->
    <!--  must also be financially possible to build, and legal to use. The financial structure must be adequate to build-->
    <!--  the design provided, and must pay amounts that are legally owed.</p>-->
    <a href="about.php" target="_blank" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-4"> More About Us <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
        <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
      </svg> </a>
  </div>
</div>


<!-- //OUR blog  -->
<div class="container mt-5">
  <h6 style="color: #009ba4;" class="text-center">OUR BLOG</h6>
  <h1 style="font-weight: bold;" class="text-center">Latest blog</h1>
  <!--<p class="text-center">Today, we’re building on the success of our trial to see how large-scale lump-sum cash payments-->
  <!--  affect refugees.</p>-->
  <div class="row row-cols-1 row-cols-md-3 g-4 mt-2">
    <div class="col-md-4">
      <div class="card h-100 border-0">
        <img src="https://cancercontrolmission.org/blogs/imgs/health-n-cancer.jpg" class="card-img-top img-fluid" alt="...">
        <div class="card-body">
          <h5 class="card-title" style="color: #009ba4;">Health</h5>
          <h4 class="card-text blog-text">Mental Health and Cancer: Coping Mechanisms and Support Systems</h4>
          <!--<p>Dealing with cancer is tough, not just physically but mentally and emotionally too. Patients and survivors often face a rollercoaster of emotions, from fear and anxiety to depression and loneliness.</p>-->
          <div class="card-footer education-read" style="border-top: none; background-color: #fff;">
            <a href="https://cancercontrolmission.org/education-support.php" style="text-decoration:none; color: red;">Read More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
              </svg></a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card h-100 border-0">
        <img src="https://cancercontrolmission.org/blogs/imgs/boosting-immunity.jpg" class="card-img-top img-fluid" alt="...">
        <div class="card-body">
          <h5 class="card-title" style="color: #009ba4;">Health</h5>
          <h5 class="card-text blog-text">Boosting Immunity During the Rainy Season for Cancer Patients</h5>
          <!--<p>The rainy season brings a refreshing change from the scorching heat, but it also brings a host of challenges, especially for cancer patients.</p>-->
          <div class="card-footer education-read" style="border-top: none; background-color: #fff;">
            <a href="https://cancercontrolmission.org/mission-hunger.php" style="text-decoration:none; color: red;">Read More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
              </svg></a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card h-100 border-0">
        <img src="https://cancercontrolmission.org/blogs/imgs/types-of-cancer.jpg" class="card-img-top img-fluid" alt="...">
        <div class="card-body">
          <h5 class="card-title" style="color: #009ba4;">Health</h5>
          <h5 class="card-text blog-text">Understanding Different Types of Cancer: Symptoms and Treatment Options</h5>
          <!--<p>Cancer is a complex group of diseases characterized by the uncontrolled growth and spread of abnormal cells. If left untreated, it can result in death.</p>-->
          <div class="card-footer education-read" style="border-top: none; background-color: #fff;">
            <a href="https://cancercontrolmission.org/education-support.php" style="text-decoration:none; color: red;">Read More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
              </svg></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="text-center mb-5">
    <a href="https://cancercontrolmission.org/blog.php" class="btn fw-bold py-sm-3 px-sm-5 view-all-program mt-4"> View all Blogs<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
        <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
      </svg> </a>
  </div>
</div>


<div class="container-fluid pt-3" style="background: #fdf6f5;">
<div class="container text-center pb-5">
    <h1 class="pb-3"><b>Our Association</b></h1>
        <section class="customer-logos slider slick-initialized slick-slider"><button class="slick-prev slick-arrow" aria-label="Previous" type="button" style="display: inline-block;">Previous</button>
            <!-- Testimonial Images -->
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            <!-- Additional slides... -->
        <div class="slick-list draggable" style="padding: 0px;"><div class="slick-track" style="opacity: 1; width: 12064px; transform: translate3d(-3016px, 0px, 0px);"><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="-4" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/Fortis-hospital.jpg" alt="Fortis Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="-3" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/bharati-hospital.jpg" alt="Bharati Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="-2" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/ace-hospital.jpg" alt="ACE Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/nice-hospital.jpg" alt="Nice Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="0" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/bharati.jpg" alt="Bharati Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="1" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/balaji-hospital.jpg" alt="Balaji Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="2" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/jaslok.jpg" alt="Jaslok Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="3" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/tata-hospital.jpg" alt="Tata Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="4" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/nh-hospital.jpg" alt="NH Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="5" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/kaushalya-hospital.jpg" alt="Kaushalya Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="6" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/kokilaben-hospital.jpg" alt="Kokilaben Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="7" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/kem-hospital.jpg" alt="KEM Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="8" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/narayana.jpg" alt="Narayana Hospital"></div><div class="slide slick-slide slick-active" style="width: 232px;" data-slick-index="9" aria-hidden="false" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/siddhivinayak-hospital.jpg" alt="Siddhivinayak Hospital"></div><div class="slide slick-slide slick-current slick-active slick-center" style="width: 232px;" data-slick-index="10" aria-hidden="false" tabindex="0"><img src="https://cancercontrolmission.org/images/hospital-logo/vedant-hospital.jpg" alt="Vedant Hospital"></div><div class="slide slick-slide slick-active" style="width: 232px;" data-slick-index="11" aria-hidden="false" tabindex="0"><img src="https://cancercontrolmission.org/images/hospital-logo/bhakthi-vedanta-logo.jpg" alt="Bhakthi Vedanta"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="12" aria-hidden="true" tabindex="0"><img src="https://cancercontrolmission.org/images/hospital-logo/sion_logo.jpg" alt="Sion Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="13" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/jupitar.jpg" alt="Jupiter Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="14" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/asian-hospital.jpg" alt="Asian Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="15" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/hcg.jpg" alt="HCG Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="16" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/rainbow-hospital.jpg" alt="Rainbow Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="17" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/dhadiwal.jpg" alt="Dhadiwal Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="18" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/lotus-hospital.jpg" alt="Lotus Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="19" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/mala-hospital.jpg" alt="Mala Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="20" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/Fortis-hospital.jpg" alt="Fortis Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="21" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/bharati-hospital.jpg" alt="Bharati Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="22" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/ace-hospital.jpg" alt="ACE Hospital"></div><div class="slide slick-slide" style="width: 232px;" data-slick-index="23" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/nice-hospital.jpg" alt="Nice Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="24" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/bharati.jpg" alt="Bharati Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="25" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/balaji-hospital.jpg" alt="Balaji Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="26" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/jaslok.jpg" alt="Jaslok Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="27" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/tata-hospital.jpg" alt="Tata Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="28" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/nh-hospital.jpg" alt="NH Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="29" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/kaushalya-hospital.jpg" alt="Kaushalya Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="30" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/kokilaben-hospital.jpg" alt="Kokilaben Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="31" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/kem-hospital.jpg" alt="KEM Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="32" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/narayana.jpg" alt="Narayana Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="33" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/siddhivinayak-hospital.jpg" alt="Siddhivinayak Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="34" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/vedant-hospital.jpg" alt="Vedant Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="35" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/bhakthi-vedanta-logo.jpg" alt="Bhakthi Vedanta"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="36" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/sion_logo.jpg" alt="Sion Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="37" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/jupitar.jpg" alt="Jupiter Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="38" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/asian-hospital.jpg" alt="Asian Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="39" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/hcg.jpg" alt="HCG Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="40" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/rainbow-hospital.jpg" alt="Rainbow Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="41" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/dhadiwal.jpg" alt="Dhadiwal Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="42" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/lotus-hospital.jpg" alt="Lotus Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="43" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/mala-hospital.jpg" alt="Mala Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="44" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/Fortis-hospital.jpg" alt="Fortis Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="45" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/bharati-hospital.jpg" alt="Bharati Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="46" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/ace-hospital.jpg" alt="ACE Hospital"></div><div class="slide slick-slide slick-cloned" style="width: 232px;" data-slick-index="47" id="" aria-hidden="true" tabindex="-1"><img src="https://cancercontrolmission.org/images/hospital-logo/nice-hospital.jpg" alt="Nice Hospital"></div></div></div><button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button></section>
    </div>
    </div>



     <!--footer-->
    <footer>
        <div class="kilimanjaro_area">
            <!-- Top Footer Area Start -->
            <div class="foo_top_header_one section_padding_100_70">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-md-6 col-lg-3">
                            <div class="kilimanjaro_part">
                                <h5>About Us</h5>
                                <p>Cancer Control Mission (CCM) Non-Government Organization officially registered in 2009 under Bombay Public Trust Act 1950.</p>
                            </div>
                            <div class="kilimanjaro_part m-top-15">
                                <h5>Social Links</h5>
                                <ul class="kilimanjaro_social_links mb-3" style="display: flex; margin-left: -12px; list-style-type: none;">
                                  <li><a href="https://www.facebook.com/cancercontrolmission" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                                        <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
                                      </svg></a></li>
                                  <li><a href="https://x.com/CancerCtrlIndia" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
  <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"></path>
</svg></a></li>
                                  <li><a href="https://www.instagram.com/cancercontrolmission/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                                    <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
                                  </svg></a></li>
                                  <li><a href="https://www.youtube.com/@cancercontrolmission7481" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
                                        <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"></path>
                                      </svg></a></li>
                                  <li><a href="https://www.linkedin.com/company/cancer-control-mission/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
                                        <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-4.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
                                      </svg></a></li>
                                </ul>
                              </div>
        
                        </div>
                        <div class="col-12 col-md-6 col-lg-3">
                            <div class="kilimanjaro_part m-top-15">
                                <h5>Important Links</h5>
                                <ul class="kilimanjaro_links" style="list-style-type: none;">
                                    <!--<li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Terms & Conditions</a></li>-->
                                    <!--<li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>About Licences</a></li>-->
                                    <!--<li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Help & Support</a></li>-->
                                    <li><a href="https://cancercontrolmission.org/volunteers.php"><i class="fa fa-angle-right" aria-hidden="true"></i>Careers</a></li>
                                    <li><a href="privacy-policy.php"><i class="fa fa-angle-right" aria-hidden="true"></i>Privacy Policy</a></li>
                                    <li><a href="return-policy.php"><i class="fa fa-angle-right" aria-hidden="true"></i>Return Policy</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-3">
                            <div class="kilimanjaro_part">
                                 <h5>Quick Contact</h5>
                                <div class="kilimanjaro_single_contact_info">
                                    <h5>Phone:</h5>
                                    <p><a href="tel:+022- 28129090" style="color:#9d9999;">+022- 28129090</a><br>
                                     <a href="tel:+91- 8291009900" style="color:#9d9999;">+91- 8291009900</a><br>
                                     <a href="tel:+91- 9769596900" style="color:#9d9999;">+91- 9769596900</a>
                                    </p>
                                </div>
                                <br>
                                <div class="kilimanjaro_single_contact_info">
                                    <h5>Email:</h5>
                                    <p><a href="mailto:[email protected]" style="color:#9d9999;">[email protected]</a><br>
                                    <a href="mailto:[email protected]" style="color:#9d9999;">[email protected]</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-3">
                            <div class="kilimanjaro_part">
                               <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3766.048376397984!2d72.85626817418957!3d19.28026234553026!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7b04dd853dd75%3A0xaa74436a615d8c8b!2sCANCER%20CONTROL%20MISSION!5e0!3m2!1sen!2sin!4v1717060894920!5m2!1sen!2sin" width="250" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                            </div>
                            
                            <div class="kilimanjaro_part m-top-15">
                              <p><b class="fw-bold">Address: </b>Shanti One, 22A/103, Poonam Sagar Rd, Sector 1, Mira Road East, Mumbai, 401107</p>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
            
            <!-- Footer Bottom Area Start -->
            <div class="kilimanjaro_bottom_header_one section_padding_5 text-center">
                <div class="container-fluid">
                    <div class="row" style="padding: 20px;">
                        <div class="col-6">
                           <p>@2023 Cancer Control Mission </p>
                        </div>
                        <div class="col-6">
                        <p>Cancer Control Mission | Developed By <a href="https://skypathdigital.com/">Skypath Digital</a></p>
                      </div>
                    </div>
                </div>
            </div>
          </div></footer>


<!-- bootstrap Js link -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
  
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script src="script.js"></script>


   <script src="https://ebz-static.s3.ap-south-1.amazonaws.com/easecheckout/easebuzz-checkout.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!--======================new sript for easebuzz=================-->

<script>
function myFunction() {
  var x = document.getElementById("amount");
  var y = x.value;
  if(y <= 299){
    document.getElementById("zmc").innerText="Minimum transaction RS.300";
    zmc.style.color = "red";


    document.getElementById("easebuzz").style.display = "none";
  }else{
    document.getElementById("zmc").innerText="Please proceed";
    zmc.style.color = "green";

    document.getElementById("easebuzz").style.display = "block";
  }

}




</script>



 <script>
        function initiateEasebuzzPayment(successUrl, failedUrl, amount) {
            var txnid = 'TEST1' + new Date().getTime(); // Unique transaction ID
            var name = $('#name').val(); // Get the value of the name field
            var email = $('#email').val(); // Get the value of the email field  
            
           var urll = 'https://cancercontrolmission.org/pay.php';
            $.ajax({
                url: urll,
                type: 'post',
                //data: $("#paymentForm").serialize() + '&txnid=' + txnid,
                //data: $("#paymentForm").serialize() + '&txnid=' + txnid + '&name=' + encodeURIComponent($('#name').val()) + '&email=' + encodeURIComponent($('#email').val()),
                data: $("#paymentForm").serialize() + '&txnid=' + txnid + '&name=' + encodeURIComponent(name) + '&email=' + encodeURIComponent(email),
                
                success: function(response) {
                   // console.log('Payment initiation response:', response);
                    try {
                    var access_key = (typeof response.access_key !== "undefined") ? response.access_key : JSON.parse(response).access_key;
                    var easebuzzCheckout = new EasebuzzCheckout('9AR6IWW1E8', 'prod');
                    var options = {
                        access_key: access_key,
                        onResponse: function(response) {
                           
                           
                            handlePaymentResponse(response, successUrl, failedUrl, amount, name, email);
                           // console.log('test on res');
                        },
                        theme: "#123456"
                    };
                     
                    easebuzzCheckout.initiatePayment(options);
                } catch (error) {
                    console.error('Error parsing JSON response:', error);
                    window.location.href = failedUrl; // Redirect to failed URL
                }
                    
                },
                error: function(xhr, status, error) {
                    console.error('Error initiating Easebuzz payment:', error);
                }
            });
        }

      
        function handlePaymentResponse(response, successUrl, failedUrl, amount, name, email, productinfo) {
//             debugger;
// console.log('handlePaymentResponse function called');
//console.log(response.status);
    if (response.status === 'cancelled') {
        // If the payment is cancelled, redirect to the failed page
        window.location.href = failedUrl;
    } else if (response.status === 'success') {
       console.log('after response success');
        //  debugger;
        // Handle other responses as needed
        var pid = response.easepayid;
        var txnid = response.txnid;
        //var date = new Date().toISOString(); // Get the current date and time
        //var name = response.name;
        //var email = response.email;
        var surl = response.surl + '?amount=' + encodeURIComponent(amount); // Include amount in the success URL;
        var chk = 'https://cancercontrolmission.org/checkoutPay.php';
        $.ajax({
            url: chk,
            type: 'post',
            data: { pid: pid, txnid: txnid, name: name, email: email, amount: amount, productinfo: productinfo },
            success: function(data) {
                console.log('ajax succes hit');
                console.log('Server Response Status:'+ data.status);
                if (data.status === 'success') {
                    // Database updated successfully, redirect to success URL
                    window.location.href = successUrl;
                }else if( data.status === 'failed'){
                    console.log(data.error);
                }else {
                    // Database update failed, redirect to failed URL
                    console.error('Database update failed:', data.message);
                    // window.location.href = failedUrl;
                }
            },
            error: function(xhr, status, error) {
                console.log('after ajax fail');
                console.error('Error processing payment response:', error);
                // Redirect to failed URL if there's an error 
                // window.location.href = failedUrl;
            }
        });
    } else {
        // Handle other status values if necessary
        console.log('last erro')
        console.error('Unexpected payment status:', response.status);
        // Redirect to failed URL
        // window.location.href = failedUrl;
    }
}
 

        // Update the amount when a button is clicked
        $('.amount-btn').on('click', function() {
            var selectedAmount = $(this).data('amount');
            $('#amount').val(selectedAmount);
        });

        $(document).ready(function() {
            var failedUrl = 'https://cancercontrolmission.org/failed.php';
            var successUrl = 'https://cancercontrolmission.org/thankyou.php';

            $('#paymentForm').on('submit', function(e) {
                e.preventDefault();
                initiateEasebuzzPayment(successUrl, failedUrl, $('#amount').val());
            });

            $(window).on('beforeunload', function() {
                window.location.href = failedUrl;
            });
        });
    </script>
    
    
    <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
    <script>
  AOS.init();
</script>

<script>
document.addEventListener("DOMContentLoaded", () => {
  const counters = document.querySelectorAll('.counter');

  counters.forEach(counter => {
    const updateCount = () => {
      const target = +counter.getAttribute('data-target');
      const format = counter.getAttribute('data-format');
      const current = +counter.innerText.replace(/[^0-9]/g, '');
      const increment = target / 200; // Speed of the counter

      if (current < target) {
        if (format === "cr" && current >= 25000000) {
          counter.innerText = "2.5cr";
        } else {
          counter.innerText = Math.ceil(current + increment).toLocaleString() + '+';
        }
        setTimeout(updateCount, 20); // Adjust this value for faster or slower animation
      } else {
        if (format === "cr") {
          counter.innerText = "2.5cr";
        } else {
          counter.innerText = target.toLocaleString() + '+';
        }
      }
    };

    updateCount();
  });
});
</script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.min.js"></script>


<!--tesmonials script-->
<!-- Include jQuery and Slick JS files -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.min.js"></script>

    <script>
        $(document).ready(function(){
            $('.customer-logos').slick({
                infinite: true,       // Enables infinite scrolling
                slidesToShow: 5,      // Number of slides to show at once
                slidesToScroll: 1,    // Number of slides to scroll at once
                autoplay: true,       // Enables autoplay
                autoplaySpeed: 1000,  // Speed of autoplay in milliseconds
                dots: false,          // Disables navigation dots
                arrows: true,         // Enables next/prev arrows
                fade: false,          // Disable fade effect for smoother transitions
                centerMode: true,     // Centers the current slide
                centerPadding: '0px', // No padding around the centered slide
                responsive: [
                    {
                        breakpoint: 1024,
                        settings: {
                            slidesToShow: 3,
                            slidesToScroll: 1,
                            infinite: true,
                            dots: false
                        }
                    },
                    {
                        breakpoint: 768,
                        settings: {
                            slidesToShow: 2,
                            slidesToScroll: 1,
                            arrows: false, // Hides arrows on smaller screens
                        }
                    },
                    {
                        breakpoint: 480,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            arrows: false // Hides arrows on smaller screens
                        }
                    }
                ]
            });
        });
    </script>

    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>




</body></html>