Can you please format this:

"<?php

$args = array(
	'post_type'        => 'wpsl_stores',
	'post_status'      => 'publish',
	'posts_per_page'   => $post_count,
	'orderby'          => 'title',
	'order'            => 'ASC',
);

$the_query = new WP_Query( $args );
?>

<!-- Location -->
<section id="cmg-location-<?php echo get_row_index();?>" class="p-3 p-lg-5 <?php echo $background_class;?>" <?php echo $bg;?>>
    <div class="container py-4">
		
		<?php include(__DIR__ . '/component-section-heading.php');?>
		
		<?php
			$containers_radius = get_field('cmg_styles_containers_radius' , 'option');
			if($containers_radius) { $c_radius = "style='border-radius: " . $containers_radius . "px;'";}
			$containers_shadow = get_field('cmg_styles_containers_shadow' , 'option');
		?>
        
        <div class="row row-cols-1 row-cols-lg-<?php echo $columns;?> g-4 g-lg-5 justify-content-center text-center">
			
			<?php
			if($the_query->have_posts()) {
			while($the_query -> have_posts()) { $the_query->the_post();
			include(__DIR__ . '/../location/location-fields.php');
			?>
			
			<div class="col">
				<h3><?php echo get_the_title();?></h3>
				<h4><a href="tel:<?php echo $phone;?>" class="cmg-text-secondary"><?php echo $phone;?></a></h4>
				<div <?php echo $c_radius;?> class="<?php echo $containers_shadow;?> overflow-hidden p-1 bg-white">
					<div class="ratio ratio-16x9">
						<?php echo $google_map;?>
					</div>
				</div>
				<div class="mt-4">
					<a class="btn cmg-btn-primary" href="<?php echo $google_link;?>" target="_blank">Get Directions</a>
				</div>
            </div>
			
			<?php wp_reset_postdata(); }}?>
        
		</div>
		
		<?php include(__DIR__ . '/component-section-button.php');?>
    
    </div>
</section>"

More like this, but preserving the PHP post type instead of the other setup?

"<?php
	$locations = get_field('locations', 'option');
?>

<!-- Location -->
<section id="tel-locations" class="px-3 py-4 p-lg-5 position-relative" style="background-image: url(/wp-content/uploads/2024/04/shutterstock_1442366468-scaled-1.jpg); background-size: cover;">
    <div class="container py-4 position-relative z-front">
        
        <div class="row text-center mb-4">
            <div class="col-12">
                <h1 class="display-5 cmg-text-dark">Get In and Out in an Hour!</h1>
            </div>
        </div>
        
		<div class="row mb-4 justify-content-center text-center position-relative">
			<div class="swiper pb-5">
				<div class="swiper-wrapper">
					<?php
					if($locations) {
					foreach($locations as $location) {
						$phone = $location['phone'];
						$city = $location['city'];
						$google_map_embed = $location['google_map_embed'];
						$google_map_link = $location['google_map_link'];
						$picture = $location['picture'];
					?>
					<div class="swiper-slide">
						<div class="col">
							<h2 class="cmg-text-primary"><?php echo $city;?></h2>
							<h4><a href="tel:<?php echo $phone;?>" class="cmg-text-secondary"><?php echo $phone;?></a></h4>
							<img class="w-100 object-fit" src="<?php echo $picture;?>" alt="<?php echo $picture;?>" />
							<a class="btn cmg-btn-primary mt-4" href="<?php echo $google_map_link;?>" target="_blank">Get Directions</a>
						</div>
					</div>		
					<?php }}?>
								
				</div>			
				<div class="swiper-pagination locations-pagination cmg-text-primary pt-3 position-relative"></div>
			</div>
		</div>
    
    </div>
	
	<div class="overlay position-absolute z-back" style="background: rgba(255,255,255,0.2)"></div>
	
</section>

<!-- Parameters -->
<script>
const location_swiper = new Swiper('#tel-locations .swiper', {
  	loop: false, 
  	speed: 1500,  
  	slidesPerView: 1,
  	spaceBetween: 20,
  	pagination: {
 	el: '.locations-pagination',
    	type: 'bullets',
		clickable: 'true',
 	},  
 	autoplay: {
    	delay: 1500,
    },  
  	breakpoints: {
   	992: {
    	slidesPerView: 3,
      	spaceBetween: 30
    }, 
  }
})
</script>"