<section class="feature bg-light py-2">
      <!-- Section Title -->
    <div class="text-center py-5">
      <h2 class="fw-bold"><?php echo esc_html(get_theme_mod('feature_section_title'),'howcan'); ?></h2>
      <p class="text-muted"><?php echo esc_html(get_theme_mod('feature_section_desc'),'howcan'); ?></p>
    </div>
  <div class="row text-center">
  <div class="col-sm-4 py-2">
    <div class="card">
      <div class="card-body">
          <i style="margin:10px; padding:5px; background:black;" class="fab fa-<?php echo esc_html(get_theme_mod('feature_icon_1'),'howcan'); ?> rounded text-light btn"></i>
       
        <h5 class="card-title"><?php echo esc_html(get_theme_mod('feature_heading_1'),'howcan'); ?></h5>
        <p class="card-text"><?php echo esc_html(get_theme_mod('feature_para_1'),'howcan'); ?></p>
       
      </div>
    </div>
  </div>
  <div class="col-sm-4 py-2">
    <div class="card">
      <div class="card-body">
          <i style="margin:10px; padding:5px; background:black;" class="fab fa-<?php echo esc_html(get_theme_mod('feature_icon_2'),'howcan'); ?> rounded text-light btn"></i>
       
        <h5 class="card-title"><?php echo esc_html(get_theme_mod('feature_heading_2'),'howcan'); ?></h5>
        <p class="card-text"><?php echo esc_html(get_theme_mod('feature_para_2'),'howcan'); ?></p>
       
      </div>
    </div>
  </div>
  <div class="col-sm-4 py-2">
    <div class="card">
      <div class="card-body">
          <i style="margin:10px; padding:5px; background:black;" class="fab fa-<?php echo esc_html(get_theme_mod('feature_icon_3'),'howcan'); ?> rounded text-light btn"></i>
       
        <h5 class="card-title"><?php echo esc_html(get_theme_mod('feature_heading_3'),'howcan'); ?></h5>
        <p class="card-text"><?php echo esc_html(get_theme_mod('feature_para_3'),'howcan'); ?></p>
       
      </div>
    </div>
  </div>
  
</div>   
</section>
        