<style>
    .active-btn1{
        background-color: #9cf198;
        color: #68e365;
        padding: 0.5rem;
        border-radius: 0.2rem;
    }
</style>
<br><br>
<div class="row mx-0">
    <div class="col-sm-6 col-md-3">
      <div class="px-2 d-flex align-items-center justify-content-around py-2 rounded-3 " id="dash-card" style="background-color: rgb(255,214,222);">
        <img src="<?php echo base_url(); ?>assets/img/survey.png" alt="" id="card-img">
        <div class="pt-2">
          <h6 class="fw-bold m-0"><?=$total_survey[0]['total']?></h6>
          <p class="m-0 p-0 fw-bold">Total Survey</p>
        </div>

      </div>

    </div>
    <div class="col-sm-6 col-md-3">
      <div class="px-2 d-flex align-items-center justify-content-around py-2 rounded-3 " id="dash-card" style="background-color: rgb(224,235,205);">
        <img src="<?php echo base_url(); ?>assets/img/surveyor.png" alt="" id="card-img">
        <div class="pt-2">
          <h6 class="fw-bold m-0"><?=$total_todaysurvey[0]['total']?></h6>
          <p class="m-0 p-0 fw-bold">Today Survey</p>
        </div>

      </div>

    </div>
        <div class="col-sm-6 col-md-3">
      <div class="px-2 d-flex align-items-center justify-content-around py-2 rounded-3 " id="dash-card" style="background-color: rgb(255,214,222);">
        <img src="<?php echo base_url(); ?>assets/img/survey.png" alt="" id="card-img">
        <div class="pt-2">
          <h6 class="fw-bold m-0"><?=$total_todaysurvey[0]['total']?></h6>
          <p class="m-0 p-0 fw-bold">Today Shop Survey</p>
        </div>

      </div>

    </div>
    <div class="col-sm-6 col-md-3">
      <div class="px-2 d-flex align-items-center justify-content-around py-2 rounded-3 " id="dash-card" style="background-color: rgb(224,235,205);">
        <img src="<?php echo base_url(); ?>assets/img/surveyor.png" alt="" id="card-img">
        <div class="pt-2">
          <h6 class="fw-bold m-0"><?=$total_shop[0]['total']?></h6>
          <p class="m-0 p-0 fw-bold">Total Shop Survey</p>
        </div>

      </div>

    </div>
</div>





