<style>
    #loc {
        background-color: #EBE3D5;
    }

    #loc h2 span {
        color: #ea622b;
    }

    .loc-inner ul li {
        list-style: none;
        margin-bottom: 8px;
    }

    .loc-inner ul li a {
        text-decoration: none;
        color: #141414;
    }


    .loc-inner ul li:hover {
        transform: translateX(8px);
        transition: 0.4s ease-in-out;


    }


    .loc-inner ul li:hover a {
        color: #ea622b;

    }
</style>
<section id="loc" class="pb-2">
    <h2 class="text-center py-5">Area <span> We Covered</span></h2>
    <div class="container">
        <div class="row">
            <?php
                $sqlloc = "SELECT * FROM `tbl_location`";
                $runloc = mysqli_query($db,$sqlloc) or die("Query Not run");
                while($dataloc = mysqli_fetch_assoc($runloc)){
            ?>
            <div class="col-lg-3 text-start">
                <div class="loc-inner">
                    <ul>
                        <li><a href="<?php echo $wspath?><?php echo $dataloc['loc_slug'];?>"><i class="fa fa-caret-right" aria-hidden="true"></i> <?php echo $dataloc['loc_name']?></a></li>
                    </ul>
                </div>
            </div>
            <?php
              }
            ?>
        </div>
    </div>
</section>