
const LifeMembership = () => {
  return (
    <section className="faq-area-2 space">
      <div className="container">
        <div className="row gx-60 flex-row-reverse">
          <div className="col-xl-6">
            <div className="faq-thumb2 mb-xl-0 mb-50">

              <img src="/assets/img/membership/life-membership.jpg" alt="Life Image" />
            </div>
          </div>
          <div className="col-xl-6">
            <div className="title-area">
              <span className="sub-title">MemberShip</span>
              <h2 className="sec-title">
                Life Membership{" "}
                {/* <img
                  className="title-bg-shape"
                  src="/assets/img/bg/vel.png"
                  alt="Vel-Title-bg"
                  style={{ marginLeft: '-30px', width: '800px', height: '100px' }}
                /> */}
              </h2>
            </div>
            <div>
              <iframe
                title="Lifetime Membership form powered by Zeffy"
                className="life-membership-iframe"
                src="https://www.zeffy.com/embed/ticketing/ce88d221-0f9e-4816-a242-3d6bca8332cb"
                allowPaymentRequest
                allowTransparency="true"
              ></iframe>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export default LifeMembership;
