<?php
$heroBannerPages = get_field('img_banner_pages');
$heroTextPages = get_field('text_banner_pages');
?>

<section id="hero">
   <div class="container-fluid">
      <div class="row">
         <div class="col-md-12 principal pages" style="background-image: url('<?php echo $heroBannerPages; ?>');">
            <div class="texto">
               <h1><?php echo $heroTextPages; ?></h1>
            </div>
         </div>
         <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="auto" class="p-0 m-0" viewBox="0 0 1920 28">
            <g id="Grupo_84" data-name="Grupo 84" transform="translate(0 -9308)">
               <rect id="Retângulo_41" data-name="Retângulo 41" width="480" height="28" transform="translate(0 9308)" fill="#d62217" />
               <rect id="Retângulo_42" data-name="Retângulo 42" width="480" height="28" transform="translate(480 9308)" fill="#fbbd14" />
               <rect id="Retângulo_43" data-name="Retângulo 43" width="480" height="28" transform="translate(960 9308)" fill="#3e8934" />
               <rect id="Retângulo_44" data-name="Retângulo 44" width="480" height="28" transform="translate(1440 9308)" fill="#643175" />
            </g>
         </svg>
      </div>
   </div>
</section>