
const Donation = () => {
  return (
    <section className="faq-area-2 space">
      <div className="container">
        <div className="row gx-60 justify-content-center align-items-center">
          {/* <div className="col-xl-6">
            <div className="faq-thumb2 mb-xl-0 mb-50">
              
              <img src="/assets/img/donation.jpg" alt="Donation Image" />
            </div>
          </div> */}
          <div className="col-xl-12 col-12 text-center">
            <div className="title-area ">
              <span className="sub-title">Sri Murugan Temple</span>
              <h2 className="sec-title">
                Donation{" "}
                {/* <img
                  className="title-bg-shape text-center"
                  src="/assets/img/bg/vel.png"
                  alt="Vel-Title-bg" 
                  style={ {marginLeft:'-50px', height:'80px'} }
                /> */}
              </h2>
            </div>
            <iframe
              title="Donation"
              className="donation-iframe"
              src="https://www.zeffy.com/embed/donation-form/waterloo-sri-murugan-temple-donation--2025"
              allowPaymentRequest
              allowTransparency="true"
            ></iframe>

          </div>
        </div>
      </div>
    </section>
  );
};

export default Donation;
