<?php  
  
 
  $title =   get_sub_field('title');
  $list =   get_sub_field('list');
 
    
?>

<div class="container">

<h1 class="pmsp__title title"><?php echo esc_html($title);?></h1>
<?php foreach($list as $list_item): ?>  
<div class="refresher__green-card">
        <h2><?php echo esc_html($list_item['title']); ?></h2>
        <?php echo $list_item['text']; $sub_list = $list_item['list']; ?>
        </div>
        <?php if($sub_list):?>
        <div class="row refresher__cards mt-60">
        
        <?php foreach( $sub_list as  $sub_list_item): ?>
            <div class="refresher__cards-row  wow animate__animated animate__slideInUp" data-wow-delay="0.3s">
          <a href="<?php echo $sub_list_item['link']; ?>" target="_blank">
            <div class="refresher__card" >
              <div>
                <svg
                  width="50"
                  height="50"
                  viewBox="0 0 50 50"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M25 43.75C29.3379 43.75 33.5416 42.2459 36.8949 39.4939C40.2481 36.742 42.5434 32.9125 43.3897 28.6579C44.236 24.4034 43.5809 19.987 41.536 16.1613C39.4911 12.3356 36.183 9.33731 32.1753 7.67726C28.1676 6.01721 23.7083 5.79814 19.5572 7.05737C15.406 8.3166 11.82 10.9762 9.40995 14.5831C6.99993 18.1899 5.9151 22.5208 6.34029 26.8378C6.76547 31.1548 8.67438 35.1909 11.7417 38.2582"
                    stroke="white"
                    stroke-width="2"
                    stroke-linecap="round"
                  />
                  <path
                    d="M33.332 20.8334L24.3174 31.6509C23.6618 32.4376 23.3341 32.8309 22.8935 32.8509C22.4529 32.8709 22.0909 32.5089 21.3668 31.7848L16.6654 27.0834"
                    stroke="white"
                    stroke-width="2"
                    stroke-linecap="round"
                  />
                </svg>
              </div>
              <h3><?php echo $sub_list_item['text']; ?></h3>
              <div>
                <svg
                  width="34"
                  height="34"
                  viewBox="0 0 34 34"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M22.6274 11.3431L22.6274 10.3431L23.6274 10.3431L23.6274 11.3431L22.6274 11.3431ZM12.7279 22.6568C12.3374 23.0473 11.7042 23.0473 11.3137 22.6568C10.9232 22.2663 10.9232 21.6331 11.3137 21.2426L12.7279 22.6568ZM14.1421 10.3431H22.6274L22.6274 12.3431H14.1421L14.1421 10.3431ZM23.6274 11.3431L23.6274 19.8284H21.6274L21.6274 11.3431L23.6274 11.3431ZM23.3345 12.0502L12.7279 22.6568L11.3137 21.2426L21.9203 10.636L23.3345 12.0502Z"
                    fill="white"
                  />
                </svg>
              </div>
            </div>
          </a>
          
        </div>
        <?php endforeach; ?>
        
        </div>
        <?php endif;?>

<?php endforeach; ?>
</div>