<?php
$datas = $args['data'];
$titre = isset($datas['titre']) ? $datas['titre'] : '';
$texte = isset($datas['texte']) ? $datas['texte'] : '';
$liste = isset($datas['liste']) ? $datas['liste'] : '';
?>

<div class="container mx-auto py-14 md:py-24 md:pb-30">
  <!-- <div class="container mx-auto pt-14 pb-8 md:pt-24 md:pb-30"> -->
  <h3 class="heading-text text-left md:text-center text-xl md:text-2xl uppercase mb-10 md:mb-14"><?php echo $titre; ?></h3>
  <?php if (isset($texte) && $texte != '') : ?>
    <div class="text-center max-w-4xl mx-auto  mb-10 md:mb-14"><?php echo $texte ?></div>
  <?php endif; ?>
  <ul class="mx-auto max-w-4xl ">
    <?php
    if (is_array($liste)) {
      foreach ($liste as $item) {
    ?>
        <li class="lg:grid grid-cols-4 pb-10 mb-10 lg:pb-14 lg:mb-14 lg:gap-24 border-b border-solid border-[#D9D9D9] last:border-b-0 last:mb-0 last:pb-0">
          <h4 class="heading-text text-sm md:text-[19px] mb-7 lg:mb-0"><?php echo $item['titre']; ?></h4>
          <div class="col-span-3 text-sm md:text-[17px] leading-[160%]"><?php echo $item['texte']; ?></div>
        </li>
    <?php
      }
    }
    ?>
  </ul>
</div>