<div class="BODY_TAG-stand-in bg_black-4 w_100 p_4:md p_2 grid:md min-h_100">
	<div class="bg_white-8 br_radius grid:md isolation_isolate items_center justify_center m_auto max-w_50 p_2 p_3:md page-wrapper shadow_bevel-light">
		<div class="bg_black-2 br_radius">
			<section class="reading-typography inset-level_down-1 bg_black-1 shadow_emboss-light br_solid br_1 br_black-2 br_radius p_5:lg p_4 flex flex_column gap_3">
				<div>
					<div class="relative z_0 br_radius overflow_hidden ">
						<picture class="w_100 ">
							<source class="w_100" srcset=" https://acc-style.github.io/PrototypingACCorg/assets/images/lib/J22043_600x225.jpg" media="(min-width: 400px)">
							<img src="https://acc-style.github.io/PrototypingACCorg/assets/images/lib/J22043_400x300.jpg" class="w_100" alt="">
						</picture>
					</div>
					<div class="bg_white br_1 br_black-3 br_radius br_solid inset-level_up-1 m-t_n5 m-x_5 p_4 relative shadow_bevel-light t_n5 text_center">
						<h1 class="c_primary font_regular font_display">Legal Agreements</h1>
						<p class="font-size_up font_bold"> Please agree to all the legal agreements. </p>
					</div>
				</div>
				<div class="inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2 p_4 relative " id="TopAgreement1">
					<div class="relative isolation_isolate">
						<div class="sticky t_0 r_0 z_1">
							<div class="absolute r_4 t_0 flex flex_row flex_nowrap gap-x_3">
								<!--  Helper Jump links -->
								<a class="c_white br-tl_square br-tr_square br_radius btn btn-accent btn-sm grid items_center justify_center m-l_auto self_center shadow_3" href="#TopAgreement1">
									<span><i class="fas fa-arrow-up p-r_2"></i>top</span>
								</a>
								<a class="c_white br-tl_square br-tr_square br_radius btn btn-accent btn-sm grid items_center justify_center m-l_auto self_center shadow_3" href="#Agreement1">
									<span><i class="fas fa-arrow-down p-r_2"></i>scroll down</span>
								</a>
								<!--  Helper Jump links -->
							</div>
						</div>
						<div class="bg_white br-b_1 br_primary br_solid m-t_n2 p-t_0 relative z_3">
							<h2>ACC Anywhere 2022 Credit Information, Terms of Service, and License Agreement </h2>
						</div>
						<main class="z_0 isolation_isolate">
							<p class="font-size_up">The Terms of Service and License Agreement set forth below constitute a legal agreement (collectively, the "Agreement") between the American College of Cardiology Foundation ("ACCF") and You and your agents ("You" or “Your”) for the use of the ACC Anywhere 2022 (the "Product”).    </p><p class="font-size_up">
								By clicking on the Agree button below, and by using the Product, You accept and agree to be bound by all of the terms and conditions set forth in this Agreement. If You do not wish to accept the terms and conditions of this Agreement, You may not proceed to use the Product. </p>
							<p class="font-size_up"><a href="#" class="c_accent-n2 font_bold font_ui link" target="_blank">Click to Read Full Terms of Service.</a></p>
								<p class="">I hereby certify that I understand and agree to the terms stated in this Agreement and that this Agreement applies to my initial use of the Product and all other subsequent uses of the Product.</p>
						</main>
					</div>
					<footer id="Agreement1">
						<div class="bg_acc br_radius c_white font_2 font_bold font_medium font_ui lh_1 m-b_3 p-y_4 p_3 text_center uppercase">By Clicking The Button Below, I Hereby Affirm That I Have Read, Fully Understand, And Agree To The Above Statements. </div>
						<a href="#" class="btn btn-success c_white h:undecorated float_right"><i class="fas fa-check"></i> I agree</a>
					</footer>
				</div>
				<div class="inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2 p_4 relative isolation_isolate" id="TopAgreement2">
					<div class="relative">
						<div class="sticky t_0 r_0 z_1">
							<div class="absolute r_4 t_0 flex flex_row flex_nowrap gap-x_3">
								<!--  Helper Jump links -->
								<a class="c_white br-tl_square br-tr_square br_radius btn btn-accent btn-sm grid items_center justify_center m-l_auto self_center shadow_3" href="#TopAgreement2">
									<span><i class="fas fa-arrow-up p-r_2"></i>top</span>
								</a>
								<a class="c_white br-tl_square br-tr_square br_radius btn btn-accent btn-sm grid items_center justify_center m-l_auto self_center shadow_3" href="#Agreement2">
									<span><i class="fas fa-arrow-down p-r_2"></i>scroll down</span>
								</a>
								<!--  Helper Jump links -->
							</div>
						</div>
						<div class="bg_white br-b_1 br_primary br_solid m-t_n2 p-t_0 relative z_3">
							<h2>GDPR, Cookies and Privacy</h2>
							<p class="font-size_up"> Iure ut ratione magnam similique delectus deserunt occaecati.</p>
						</div>
						<main class="z_0 isolation_isolate">
							<p> Alias nulla qui eos fuga eos eligendi aut tempora. Nisi dicta aut non totam illo consequuntur. Aut aut voluptas est aspernatur placeat distinctio similique dolore laboriosam. Iure velit doloremque dolorum maiores praesentium. Animi exercitationem reiciendis incidunt rerum. Quam consequatur maiores officiis sit enim quidem.Libero dolores aspernatur consequatur labore consequatur sint sint atque. Quo commodi quod repellendus laborum natus amet. Enim aliquam sunt. Nesciunt repellat provident mollitia. Quis nemo modi. Unde ut nisi. Laboriosam et natus saepe a enim aut in voluptates quia. Sed libero alias voluptatum soluta accusantium nesciunt commodi. Eaque cumque quos neque cumque maiores. </p>
						</main>
					</div>
					<footer id="Agreement2">
						<div class="bg_acc br_radius c_white font_2 font_bold font_medium font_ui lh_1 m-b_3 p-y_4 p_3 text_center uppercase">By Clicking The Button Below, I Hereby Affirm That I Have Read, Fully Understand, And Agree To The Above Statements. </div>
						<a href="#" class="btn btn-secondary c_white h:undecorated float_right">I agree</a>
					</footer>
				</div>
				<div class="inset-level_up-1 bg_white br_radius relative p_4 text_center">
					<h4 class="font_bold c_primary-n2"> You can continue when all legal terms are agreed to. </h4>
					<a href="#" class="btn btn-disabled disabled block">Continue</a>
				</div>
			</section>
		</div>
	</div>
</div>