<div class="cover-image bg-background" data-bs-image-src="<?php echo base_url()?>uploads/banner1.jpg" style="background: url(&quot;<?php echo base_url()?>uploads/banner1.jpg&quot;) center center;">
				<!--Section-->
		<div>
			<div class="sptb-1">
				<div class="header-text1 mb-0">
					<div class="container">
						<div class="row">
							
						</div>
					</div>
				</div><!-- /header-text -->
			</div>
		</div><!--/Section-->
	</div>
</div><!--/Section-->
<!--Breadcrumb-->
<div class="relative">
	<div class="shape overflow-hidden text-white">
		<svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
			<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="<?php echo $visual_setting->color_2?>"></path>
		</svg>
	</div>
</div>
<section class="sptb">
	<div class="container">
		<div class="row">
			<h1 class="text-center"><b><?php echo $testimonial->t_c_title; ?></b></h1>
			<p class="text-center"><?php echo $testimonial->t_c_sub_title; ?></p>
			<hr>
			<div class="container d-flex justify-content-center">
				<div class="row justify-content-center">
					<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
						<div class="text-center">
							<div class="border" style="background-color: #000;padding: 10px;padding-bottom: 5px!important;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;">
								<?php echo preg_replace("/\s*[a-zA-Z\/\/:\.]*youtube.com\/watch\?v=([a-zA-Z0-9\-_]+)([a-zA-Z0-9\/\*\-\_\?\&\;\%\=\.]*)/i","<iframe  src=\"//www.youtube.com/embed/$1\" frameborder=\"0\" allowfullscreen></iframe>",$testimonial->t_c_video);?>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="col-md-12 mt-5">
					<h2 class="text-center"><?php //echo $testi->t_c_name?></h2>
					<div class="card border-0 shadow-none bg-transparent">
						<!-- <div class="row justify-content-center">
							
							<div class="col-lg-6 col-xl-6 col-md-6 ">
								<div class="card mb-0 single-page customerpage contact">
									<div class="card-body wrapper wrapper2 box-shadow-0" >
										
									
									</div>
								</div>
							</div>
							<div class="col-lg-6 col-xl-6 col-md-6 ">
								<div class="card mb-0 single-page customerpage contact">
									<div class="card-body wrapper wrapper2 box-shadow-0" >
										
									
									</div>
								</div>
							</div>
						</div> -->
						<?php
						//Columns must be a factor of 12 (1,2,3,4,6,12)
						$numOfCols = 2;
						$rowCount = 0;
						$bootstrapColWidth = 12 / $numOfCols;
						foreach ($testimonial->data as $row){
						  if($rowCount % $numOfCols == 0) { ?> <div class="row"> <?php } 
						    $rowCount++; ?>  
						        <div class="col-md-<?php echo $bootstrapColWidth; ?>">
						            <div class="card mb-0 single-page customerpage contact">
										<div class="card-body wrapper wrapper2 box-shadow-0" >
											<img loading="lazy" src="<?php echo base_url() ?><?php echo $row->te_image ?>" width="100%">
										</div>
									</div>
						        </div>
						<?php
						    if($rowCount % $numOfCols == 0) { ?> </div> <?php } } ?>

					</div>
			</div>
		</div>
	</div>
</section><!--Section-->
<style type="text/css">
iframe {
  width: 640px;
  height: 360px;
  
}
.border
{
	border: 40px solid #000;
}

@media only screen and (max-device-width: 480px) {
  iframe {
    width:100%;
    height: 100%;

  }
}
</style>