<!-- meta tags and other links -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $title;?></title>
    <link rel="icon" type="image/png" href="<?=base_url()?>files/assets/images/favicon.png" sizes="16x16">
    <!-- bootstrap 5  -->
    <link rel="stylesheet" href="<?=base_url()?>files/assets/css/lib/bootstrap.min.css">
    <!-- Icon Link  -->
    <link rel="stylesheet" href="<?=base_url()?>files/assets/css/all.min.css">
    <link rel="stylesheet" href="<?=base_url()?>files/assets/css/line-awesome.min.css">
    <link rel="stylesheet" href="<?=base_url()?>files/assets/css/lib/animate.css">

    <!-- Plugin Link -->
    <link rel="stylesheet" href="<?=base_url()?>files/assets/css/lib/slick.css">
    <link rel="stylesheet" href="<?=base_url()?>files/assets/css/lib/magnific-popup.css">

    <!-- Main css -->
    <link rel="stylesheet" href="<?=base_url()?>files/assets/css/main.css?ver=1000">

    <style type="text/css">
    </style>
	<?php include_once "template/common.php" ?>
</head>

<body>
    <!-- Overlay -->
    <div class="overlay"></div>
    <a href="javascript::void(0)" class="scrollToTop"><i class="las la-chevron-up"></i></a>
    

    
<div class="main-wrapper d-flex flex-wrap">
			    
			<div class="body-content position-rel" style="width: 100%;">
			    <div class="section-thumb d-none d-sm-block">
			        <!-- <img src="<?=base_url()?>files/assets/images/shape/privacy-bg.png" alt="thumb" style="object-fit: contain; height: auto;"> -->
			    </div>
			    <div class="section-thumb d-sm-none">
			        <!-- <img src="<?=base_url()?>files/assets/images/shape/privacy-bg-mobile.png" alt="thumb" style="object-fit: contain; height: auto;"> -->
			    </div>
			    <div class="section-thumb-bottom d-sm-none">
			        <!-- <img src="<?=base_url()?>files/assets/images/shape/body-bottom.png" alt="thumb" style="object-fit: contain; height: auto;"> -->
			    </div>

			    <div class="row justfy-content-center align-items-center h-100">
			        <div class="tc-area" style="border-radius: 20px;">
			            <div class="terms-conditions-wrapper">

		            		<?php 
									    if(count($privacy_list) > 0)
									    {
									        foreach($privacy_list as $key => $val)
									        {
													?>
									
														<h2 class="title" style="font-weight: 600;"><?php echo $val['subject'];?></h2>
														<p><?php echo nl2br($val['description']);?></p>
				    				
											<?php
									        }
									    }
									    else
									    {
									?>									      
									<?php
									    }
									?>
			            </div>
			        </div>
			    </div>
			</div>

</div>

   <!-- jQuery library -->
    <script src="<?=base_url()?>files/assets/js/lib/jquery-3.6.0.min.js"></script>

    <!-- Bootstrap 5 js -->
    <script src="<?=base_url()?>files/assets/js/lib/bootstrap.min.js"></script>

    <!-- Pluglin Link -->
    <script src="<?=base_url()?>files/assets/js/lib/slick.min.js"></script>
    <script src="<?=base_url()?>files/assets/js/lib/magnific-popup.min.js"></script>

    <!-- Main js -->
    <script src="<?=base_url()?>files/assets/js/main.js"></script>

</body>

</html>