<?php
include('include/main.inc.php');
$actual_links = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}";
$ex_cat =explode("/",$actual_links);
$loc_url = $ex_cat[3];
$locat = str_ireplace("-", " ", $loc_url);
$location_name = ucwords($locat);
$cat_url = $ex_cat[4];
$cat_name = explode(".", $cat_url);
$catName = str_ireplace("-", " ", $cat_name[0]);
$catName = ucwords($catName);
$res_cat = $dbconn->query("select displayName,catName,catImage,parentID,catID,keyword1,keyword2,category_images from category_tbl where catName ='$catName'");
if($res_cat->num_rows > 0){
$cat_details = $res_cat->fetch_assoc();
$disTitles=$cat_details['displayName'];
$sel_loca_query = "Select * from location_tbl where locationName = '$location_name'";
$res_loca = $dbconn->query($sel_loca_query);
$locatios = $res_loca->fetch_assoc();
if($res_loca->num_rows == 0){
    header('location:'.site_url);
}
$location_id = $locatios['locationID'];
// echo $location_id;die;
$description = '';
$short_description = '';
$subheading2 = '';
$sel_specific_category = "Select * from location_content_tbl where category_id = '".$cat_details['catID']."'";
$res_specific_cat = $dbconn->query($sel_specific_category);
if($res_specific_cat->num_rows > 0){
    while($specific_categories = $res_specific_cat->fetch_assoc()){
        $locat = explode(",", $specific_categories['location_ids']);
        if(in_array($location_id, $locat)){
            if($specific_categories['meta_title'] != ''){
                $page_metatitle=$specific_categories['meta_title'];
            }
            if($specific_categories['meta_keyword'] != ''){
                $page_metakey=$specific_categories['meta_keyword'];
            }if($specific_categories['meta_description'] != ''){
                $page_metadesc=$specific_categories['meta_description'];
            }
            $description = $specific_categories['description'];
            $subheading2= $specific_categories['headingsubh2'];
        }
    }
}

$res_web = $dbconn->query("Select * from admin_details where slno = '1'");
$web_details = $res_web->fetch_assoc();

$page_metatitle = str_ireplace("{location}", $location_name, $page_metatitle);
$page_metadesc = str_ireplace("{location}", $location_name, $page_metadesc);
$page_metakey = str_ireplace("{location}", $location_name, $page_metakey);
$description = str_ireplace("{location}", $location_name, $description);

$page_metatitle = ($page_metatitle) ? $page_metatitle : $cat_details['keyword1'].' Manufacturers in '.$location_name.', '.$cat_details['keyword2'].' Suppliers, Exporters in '.$location_name;
$page_metadesc = ($page_metadesc) ? $page_metadesc : $web_details['companyName'].' is the leading '.$cat_details['keyword1'].' Manufacturers in '.$location_name.'. Best Quality '.$cat_details['keyword2'].' Suppliers and Exporters in '.$location_name.' at Factory Price. Call +91-9104978782'; 
$page_metakey = ($page_metakey) ? $page_metakey : $cat_details['keyword1'].' Manufacturers in '.$location_name.', '.$cat_details['keyword2'].' Manufacturers in '.$location_name.', '.$cat_details['keyword1'].' Suppliers in '.$location_name.', '.$cat_details['keyword2'].' Suppliers in '.$location_name.', '.$cat_details['keyword1'].' Exporters in '.$location_name.', '.$cat_details['keyword2'].' Exporters in '.$location_name.', '.$cat_details['keyword1'].' in '.$location_name.', '.$cat_details['keyword2'].' in '.$location_name;

if($subheading2!=''){
    $heading22=$subheading2.' in '.$location_name;
}else{
    $heading22=$disTitles.' in '.$location_name;
}

?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?= $page_metatitle; ?></title>
    <meta name="description" content="<?= $page_metadesc; ?>" >
    <meta name="keywords" content="<?= $page_metakey; ?>" >
    <?php include "app_top.php"; ?>
</head>

<body>

    <?php include "app_header_sub.php"; ?>

    <section class="heading_banner" style="background-image: url(<?= site_url; ?>/designer/images/category-banner.webp)">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <h1 class="cat_title"><?=$cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?></h1>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </section>

    <div class="inner_breadcrumb hidden_xs">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <ul class="breadcrumb">
                        <li><a href="<?= site_url; ?>" title="Home">Home</a></li>
                        <?php 
                            if($cat_details['parentID'] != 0){ 
                            $res_pr_cat = $dbconn->query("select displayName,catName from category_tbl where catID = '".$cat_details['parentID']."'");
                            $res_cat_pr = $res_pr_cat->fetch_assoc();
                            $res_pr_href = str_ireplace(" ", "-", $res_cat_pr['catName']);

                        ?>
                        <li><a href="<?= site_url.'/'.$location.'/'.strtolower($res_pr_href); ?>.htm" title="<?= $res_cat_pr['displayName']; ?>"><?= $res_cat_pr['displayName']; ?></a></li>
                        <?php } ?>
                        <li class="active"><?=$cat_details['displayName']; ?></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="category_page">
        <div class="container">
            <h2 class="title"><?=$heading22; ?> </h2>
            <div class="clearfix"></div>
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="wps_right">
                        <div class="product_left_image"><?php if ($cat_details['catImage']) { ?>
                                    <div class="row">
                                        <div class="col-md-10 col-12 order-md-2">
                                            <a id="Zoom-1" href="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>" data-options="zoomWidth:500px; zoomHeight:500px" class="MagicZoom main-cat-image" title="<?= $cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                <img class="img-responsive" src="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>" alt="<?= $cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?>" title="<?= $cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                <input type="hidden" class="main_heading" value="<?= $cat_details['displayName']; ?>">
                                            </a>
                                        </div>
                                        <div class="col-md-2 col-12 order-md-1 pt-3 pt-md-0 pe-md-0">
                                           

                                            <div class="selectors d-flex d-md-block gap-1">
                                                <div class="owl-carousel img-sec owl-theme">
                                                    <?php
                                                                $category_images = explode(",", $cat_details['category_images']);

                                                    ?>
                                                    <a data-zoom-id="Zoom-1" href="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>" data-image="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>?scale.height=400" title="<?= $cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                        <img srcset="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>?scale.width=112 2x" src="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>" alt="<?= $cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?>" title="<?= $cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                    </a>

                                                    <?php

                                                                foreach ($category_images as $catimg) {
                                                                    if ($catimg != '') {
                                                    ?>
                                                            <a data-zoom-id="Zoom-1" href="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>" data-image="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>" title="<?= $cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                                <img srcset="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>" src="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>" alt="<?= $cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?>" title="<?= $cat_details['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                            </a>
                                                    <?php }
                                                                } if($cat_details['catVideo']){ ?>
                                                                <a data-fancybox href="https://www.youtube.com/watch?v=<?= $cat_details['catVideo']; ?>" class="mz-thumb video" title="<?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=".$cat_details['catVideo']))[1])[0]; ?>">
                                                <img src="<?= getImage($cat_details['catImage'], 70,70,$cat_details['catName'], '/uploaded-files/category/images/'); ?>" alt="<?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=".$cat_details['catVideo']))[1])[0]; ?>" title="<?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=".$cat_details['catVideo']))[1])[0]; ?>">
                                                <div class="icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                        fill="currentColor" viewBox="0 0 16 16">
                                                        <path
                                                            d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </a>
                                            <?php } ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- <a href="#"  data-bs-toggle="modal" data-bs-target="#myModal" class="read_more main-category-image send_specifications_details" title="Get Best Quote"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>
                                        </svg> Get Best Quote</a> -->
                                <?php } ?>

                            </div>
                        <?php if($cat_details['catID'] == 1 || $cat_details['parentID'] == 1){ ?>
                            <div class="product_color_switch">
                            <div class="tit">Product Specifications:</div>
                            <div class="price-range">
                                <div class="ti">Price Range:</div>
                                <div class="range">&#36;135 - &#36;500</div>
                            </div>
                            <ul class="metal_color">
                                <li><strong>Gold KT :</strong></li>
                                <li class="active"><a href="#" title="10k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                <li><a href="#" title="14k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                <li><a href="#" title="18k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                <li><a href="#" title="PT" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                            </ul>
                            <div class="metalColour_grade clarity">
                                <ul>
                                    <li><strong>Metal Colour :</strong></li>
                                    <li class="active"><a href="#">Rose Gold</a></li>
                                    <li><a href="#">White</a></li>
                                    <li><a href="#">Yellow</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="product_size_wrapper">
                            <ul>
                                <li><strong>Shape :</strong></li>
                                <li class="active"><a href="#" title="Round"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png" alt="Round" title="Round"></a>
                                </li>
                                <li><a href="#" title="Princess"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png" alt="Princess" title="Princess"></a>
                                </li>
                                <li><a href="#" title="Emerald"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png" alt="Emerald" title="Emerald"></a>
                                </li>
                                <li><a href="#" title="Marquise"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png" alt="Marquise" title="Marquise"></a>
                                </li>
                                <li><a href="#" title="Oval"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png" alt="Oval" title="Oval"></a>
                                </li>
                                <li><a href="#" title="Radiant"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png" alt="Radiant" title="Radiant"></a>
                                </li>
                                <li><a href="#" title="Pear"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png" alt="Pear" title="Pear"></a>
                                </li>
                                <li><a href="#" title="Heart"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png" alt="Heart" title="Heart"></a>
                                </li>
                                <li><a href="#" title="Cushion"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png" alt="Cushion" title="Cushion"></a>
                                </li>
                            </ul>
                        </div>
                        <div class="ring-size">
                            <ul class="ring_ul">
                                <li><strong>Ring Size :</strong></li>
                                <li>
                                    <select name="ring_size" id="ring_size">
                                        <option selected disabled>Select</option>
                                        <option value="1">One</option>
                                        <option value="2">Two</option>
                                        <option value="3">Three</option>
                                    </select>
                                </li>
                            </ul>
                        </div>
                        <div class="new_carat_range">
                            <strong>Carat :</strong>
                            <label><input type="radio" id="carat_1" name="range" value="0" checked=""> 0.20 - 3.00
                            </label>
                            <label><input type="radio" id="carat_2" name="range" value="1"> 3.50 - 10.00 </label>
                        </div>
                        <div class="newCarat_div caratRange_one">
                            <ul>
                                <li class="active">0.20</li>
                                <li>0.30</li>
                                <li>0.40</li>
                                <li>0.50</li>
                                <li>0.60</li>
                                <li>0.70</li>
                                <li>0.80</li>
                                <li>0.90</li>
                                <li>1.00</li>
                                <li>1.20</li>
                                <li>1.50</li>
                                <li>1.70</li>
                                <li>2.00</li>
                                <li>2.50</li>
                                <li>3.00</li>
                            </ul>
                        </div>

                        <div class="newCarat_div caratRange_two">
                            <ul>
                                <li>3.50</li>
                                <li>4.00</li>
                                <li>4.50</li>
                                <li>5.00</li>
                                <li>5.50</li>
                                <li>6.00</li>
                                <li>6.50</li>
                                <li>7.00</li>
                                <li>7.50</li>
                                <li>8.00</li>
                                <li>8.50</li>
                                <li>9.00</li>
                                <li>9.50</li>
                                <li>10.00</li>
                            </ul>
                        </div>
                        <div class="product_grade_wrapper product_grade_wrapper2">
                            <ul>
                                <li><strong>Clarity :</strong></li>
                                <li class="active"><a href="#" title="FL">FL</a></li>
                                <li><a href="#" title="IF">IF</a></li>
                                <li><a href="#" title="VVS1">VVS1</a></li>
                                <li><a href="#" title="VVS2">VVS2</a></li>
                                <li><a href="#" title="VS1">VS1</a></li>
                                <li><a href="#" title="VS2">VS2</a></li>
                                <li><a href="#" title="SI1">SI1</a></li>
                                <li><a href="#" title="SI2">SI2</a></li>
                                <li><a href="#" title="I1">I1</a></li>
                            </ul>
                        </div>
                        <div class="diamondcolor_wrap dia_colour">
                            <ul>
                                <li><strong>Diamond Color :</strong></li>
                                <li class="active"><a href="#" title="D">D</a></li>
                                <li><a href="#" title="E">E</a></li>
                                <li><a href="#" title="F">F</a></li>
                                <li><a href="#" title="G">G</a></li>
                                <li><a href="#" title="H">H</a></li>
                                <li><a href="#" title="J">J</a></li>
                                <li><a href="#" title="K">K</a></li>
                                <li><a href="#" title="L">L</a></li>
                            </ul>
                        </div>
                        <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                    </path>
                                </svg> Place Order</a>

                        <hr>
<?php } if($cat_details['catID'] == 9 || $cat_details['parentID'] == 9){ ?>
                            <div class="product_color_switch">
                            <div class="tit">Product Specifications:</div>
                            <div class="price-range">
                                <div class="ti">Price Range:</div>
                                <div class="range">&#36;700 - &#36;1500</div>
                            </div>
                            <ul class="metal_color">
                                <li><strong>Gold KT :</strong></li>
                                <li class="active"><a href="#" title="10k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                <li><a href="#" title="14k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                <li><a href="#" title="18k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                <li><a href="#" title="PT" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                            </ul>
                            <div class="metalColour_grade clarity">
                                <ul>
                                    <li><strong>Metal Colour :</strong></li>
                                    <li class="active"><a href="#">Rose Gold</a></li>
                                    <li><a href="#">White</a></li>
                                    <li><a href="#">Yellow</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="product_size_wrapper">
                            <ul>
                                <li><strong>Shape :</strong></li>
                                <li class="active"><a href="#" title="Round"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png" alt="Round" title="Round"></a>
                                </li>
                                <li><a href="#" title="Princess"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png" alt="Princess" title="Princess"></a>
                                </li>
                                <li><a href="#" title="Emerald"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png" alt="Emerald" title="Emerald"></a>
                                </li>
                                <li><a href="#" title="Marquise"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png" alt="Marquise" title="Marquise"></a>
                                </li>
                                <li><a href="#" title="Oval"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png" alt="Oval" title="Oval"></a>
                                </li>
                                <li><a href="#" title="Radiant"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png" alt="Radiant" title="Radiant"></a>
                                </li>
                                <li><a href="#" title="Pear"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png" alt="Pear" title="Pear"></a>
                                </li>
                                <li><a href="#" title="Heart"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png" alt="Heart" title="Heart"></a>
                                </li>
                                <li><a href="#" title="Cushion"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png" alt="Cushion" title="Cushion"></a>
                                </li>
                            </ul>
                        </div>
                        <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                    </path>
                                </svg> Place Order</a>

                        <hr>
                        <?php } if($cat_details['catID'] == 10 || $cat_details['parentID'] == 10){ ?>
                            <div class="product_color_switch">
                            <div class="tit">Product Specifications:</div>
                            <div class="price-range">
                                <div class="ti">Price Range:</div>
                                <div class="range">&#36;500 - &#36;1000</div>
                            </div>
                            <ul class="metal_color">
                                <li><strong>Gold KT :</strong></li>
                                <li class="active"><a href="#" title="10k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                <li><a href="#" title="14k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                <li><a href="#" title="18k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                <li><a href="#" title="PT" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                            </ul>
                            <div class="metalColour_grade clarity">
                                <ul>
                                    <li><strong>Metal Colour :</strong></li>
                                    <li class="active"><a href="#">Rose Gold</a></li>
                                    <li><a href="#">White</a></li>
                                    <li><a href="#">Yellow</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="product_size_wrapper">
                            <ul>
                                <li><strong>Shape :</strong></li>
                                <li class="active"><a href="#" title="Round"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png" alt="Round" title="Round"></a>
                                </li>
                                <li><a href="#" title="Princess"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png" alt="Princess" title="Princess"></a>
                                </li>
                                <li><a href="#" title="Emerald"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png" alt="Emerald" title="Emerald"></a>
                                </li>
                                <li><a href="#" title="Marquise"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png" alt="Marquise" title="Marquise"></a>
                                </li>
                                <li><a href="#" title="Oval"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png" alt="Oval" title="Oval"></a>
                                </li>
                                <li><a href="#" title="Radiant"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png" alt="Radiant" title="Radiant"></a>
                                </li>
                                <li><a href="#" title="Pear"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png" alt="Pear" title="Pear"></a>
                                </li>
                                <li><a href="#" title="Heart"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png" alt="Heart" title="Heart"></a>
                                </li>
                                <li><a href="#" title="Cushion"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png" alt="Cushion" title="Cushion"></a>
                                </li>
                            </ul>
                        </div>
                        <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                    </path>
                                </svg> Place Order</a>

                        <hr>
                    
                        
                                                <?php } if($cat_details['catID'] == 11 || $cat_details['parentID'] == 11){ ?>
                            <div class="product_color_switch">
                            <div class="tit">Product Specifications:</div>
                            <div class="price-range">
                                <div class="ti">Price Range:</div>
                                <div class="range">&#36;500 - &#36;1000</div>
                            </div>
                            <ul class="metal_color">
                                <li><strong>Gold KT :</strong></li>
                                <li class="active"><a href="#" title="10k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                <li><a href="#" title="14k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                <li><a href="#" title="18k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                <li><a href="#" title="PT" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                            </ul>
                            <div class="metalColour_grade clarity">
                                <ul>
                                    <li><strong>Metal Colour :</strong></li>
                                    <li class="active"><a href="#">Rose Gold</a></li>
                                    <li><a href="#">White</a></li>
                                    <li><a href="#">Yellow</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="product_size_wrapper">
                            <ul>
                                <li><strong>Shape :</strong></li>
                                <li class="active"><a href="#" title="Round"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png" alt="Round" title="Round"></a>
                                </li>
                                <li><a href="#" title="Princess"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png" alt="Princess" title="Princess"></a>
                                </li>
                                <li><a href="#" title="Emerald"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png" alt="Emerald" title="Emerald"></a>
                                </li>
                                <li><a href="#" title="Marquise"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png" alt="Marquise" title="Marquise"></a>
                                </li>
                                <li><a href="#" title="Oval"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png" alt="Oval" title="Oval"></a>
                                </li>
                                <li><a href="#" title="Radiant"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png" alt="Radiant" title="Radiant"></a>
                                </li>
                                <li><a href="#" title="Pear"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png" alt="Pear" title="Pear"></a>
                                </li>
                                <li><a href="#" title="Heart"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png" alt="Heart" title="Heart"></a>
                                </li>
                                <li><a href="#" title="Cushion"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png" alt="Cushion" title="Cushion"></a>
                                </li>
                            </ul>
                        </div>
                        <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                    </path>
                                </svg> Place Order</a>

                        <hr>
                        
                                      <?php } if($cat_details['catID'] == 12 || $cat_details['parentID'] == 12){ ?>
                            <div class="product_color_switch">
                            <div class="tit">Product Specifications:</div>
                            <div class="price-range">
                                <div class="ti">Price Range:</div>
                                <div class="range">&#36;200 - &#36;600</div>
                            </div>
                            <ul class="metal_color">
                                <li><strong>Gold KT :</strong></li>
                                <li class="active"><a href="#" title="10k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                <li><a href="#" title="14k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                <li><a href="#" title="18k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                <li><a href="#" title="PT" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                            </ul>
                            <div class="metalColour_grade clarity">
                                <ul>
                                    <li><strong>Metal Colour :</strong></li>
                                    <li class="active"><a href="#">Rose Gold</a></li>
                                    <li><a href="#">White</a></li>
                                    <li><a href="#">Yellow</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="product_size_wrapper">
                            <ul>
                                <li><strong>Shape :</strong></li>
                                <li class="active"><a href="#" title="Round"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png" alt="Round" title="Round"></a>
                                </li>
                                <li><a href="#" title="Princess"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png" alt="Princess" title="Princess"></a>
                                </li>
                                <li><a href="#" title="Emerald"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png" alt="Emerald" title="Emerald"></a>
                                </li>
                                <li><a href="#" title="Marquise"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png" alt="Marquise" title="Marquise"></a>
                                </li>
                                <li><a href="#" title="Oval"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png" alt="Oval" title="Oval"></a>
                                </li>
                                <li><a href="#" title="Radiant"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png" alt="Radiant" title="Radiant"></a>
                                </li>
                                <li><a href="#" title="Pear"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png" alt="Pear" title="Pear"></a>
                                </li>
                                <li><a href="#" title="Heart"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png" alt="Heart" title="Heart"></a>
                                </li>
                                <li><a href="#" title="Cushion"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png" alt="Cushion" title="Cushion"></a>
                                </li>
                            </ul>
                        </div>
                        <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                    </path>
                                </svg> Place Order</a>

                        <hr>
                                      <?php } if($cat_details['catID'] == 13 || $cat_details['parentID'] == 13){ ?>
                            <div class="product_color_switch">
                            <div class="tit">Product Specifications:</div>
                            <div class="price-range">
                                <div class="ti">Price Range:</div>
                                <div class="range">&#36;300 - &#36;800</div>
                            </div>
                            <ul class="metal_color">
                                <li><strong>Gold KT :</strong></li>
                                <li class="active"><a href="#" title="10k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                <li><a href="#" title="14k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                <li><a href="#" title="18k" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                <li><a href="#" title="PT" data-bs-toggle="tooltip"
                                        data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                            </ul>
                            <div class="metalColour_grade clarity">
                                <ul>
                                    <li><strong>Metal Colour :</strong></li>
                                    <li class="active"><a href="#">Rose Gold</a></li>
                                    <li><a href="#">White</a></li>
                                    <li><a href="#">Yellow</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="product_size_wrapper">
                            <ul>
                                <li><strong>Shape :</strong></li>
                                <li class="active"><a href="#" title="Round"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png" alt="Round" title="Round"></a>
                                </li>
                                <li><a href="#" title="Princess"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png" alt="Princess" title="Princess"></a>
                                </li>
                                <li><a href="#" title="Emerald"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png" alt="Emerald" title="Emerald"></a>
                                </li>
                                <li><a href="#" title="Marquise"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png" alt="Marquise" title="Marquise"></a>
                                </li>
                                <li><a href="#" title="Oval"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png" alt="Oval" title="Oval"></a>
                                </li>
                                <li><a href="#" title="Radiant"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png" alt="Radiant" title="Radiant"></a>
                                </li>
                                <li><a href="#" title="Pear"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png" alt="Pear" title="Pear"></a>
                                </li>
                                <li><a href="#" title="Heart"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png" alt="Heart" title="Heart"></a>
                                </li>
                                <li><a href="#" title="Cushion"><img
                                            src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png" alt="Cushion" title="Cushion"></a>
                                </li>
                            </ul>
                        </div>
                        <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                    </path>
                                </svg> Place Order</a>

                        <hr>
                        <?php } ?>
                         <div class="clearfix"></div>
                                       <!-- new multiple images section -->
                       

                                       <?php


$product_s= mysqli_query($GLOBALS['dbconn'],"select * from product_tbl where   FIND_IN_SET('" . $cat_details['catID'] . "',product_cat) ");
                       $num=mysqli_num_rows($product_s);
                       if($num > 0)
                       {    ?>
<div class="similar-products listing_view">
<div class="you_may">Similar Products</div>
<div class="row">

   <?php $i=1;
while($product_r=mysqli_fetch_array($product_s)){
     $pro_image =  explode(',',$product_r['product_image']);
    $probig_img=$pro_image[0];
   //  $prod_img=getImage($probig_img, 371, 371, $product_r['product_title'],"/uploaded-files/product-images/");
   //   $prod_imgsmall=getImage($probig_img, 175, 177, $product_r['product_title'],"/uploaded-files/product-images/");
    ?>
   <div class="col-lg-4 col-md-4 col-sm-4 item_view grid">
       <div class="thumbnail">
           <div class="singleGallery">
               <div class="largeImage">
                   <img id="myImage<?=$product_r['product_id'];?>" src="<?= getImage($probig_img, 400, 400, $product_r['product_title'], "/uploaded-files/product-images/"); ?>"
                       alt="<?= $product_r['product_title']; ?> Manufacturers, Suppliers, Exporters in <?= $location_name; ?>"
                       title="<?= $product_r['product_title']; ?> Manufacturers, Suppliers, Exporters in <?= $location_name; ?>">
               </div>
               <div class="slider d-flex justify-content-center">
                   <?php
               $snn=1;
                   foreach($pro_image as $pro_imag_vals){ if($snn <4){?>
                   <img class="imgItem slides p-0 h-auto d-block m-1 bg-dark <?= $snn == 1 ? 'active' : ''; ?>" onclick="imgMulti(<?=$product_r['product_id'];?>, '<?=getImage($pro_imag_vals, 420, 420, $product_r['product_title'].$product_r['product_id'].$snn,'/uploaded-files/product-images/');?>', this)"
                       src="<?=getImage($pro_imag_vals, 50, 50, $product_r['product_title'].$product_r['product_id'].$snn,'/uploaded-files/product-images/');?>"
                       alt="<?= $product_r['product_title']; ?> Manufacturers, Suppliers, Exporters in <?= $location_name; ?>"
                       title="<?= $product_r['product_title']; ?> Manufacturers, Suppliers, Exporters in <?= $location_name; ?>">
                   <?php } $snn++; }



               if($cat_details['catVideo']){ ?>

                   <?php } ?>


                   

               </div>
           </div>
           <div class="caption">
               <h4><?= $product_r['product_title']; ?> in <?= $location_name; ?></h4>
               <div class="clearfix"></div>
               <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal"
                   class="read_more read_moreblk know_more_details"
                   title="Place Order">Place Order</a>
               <div class="clearfix"></div>
               
           </div>

       </div>
   </div>

   <?php $i++; } ?>



</div>
</div>
<?php } ?>
<div class="clearfix">
<?php if($description!=''){ ?>

<?=html_entity_decode($description);?>

<?php }else{ ?>

<?=html_entity_decode($description1);?>

<?php   } ?></div>

                        <?php

                            $sub_cat_query = "select displayName,catName,catImage,parentID,catID,catDesc,catDesc1 from category_tbl where parentID = '".$cat_details['catID']."' order by catOrder asc";
                            $res_cat = $dbconn->query($sub_cat_query);
                            if($res_cat->num_rows > 0){
                        
                        ?>
                        <div class="you_may">All Category Related to <?= $cat_details['displayName']; ?></div>
                        <div class="allListing">
                            <?php 
                                while($sub_cat_det = $res_cat->fetch_assoc()){
                                    $sub_cat_href = str_ireplace(" ", "-", $sub_cat_det['catName']);
                                    $res_specific_cat = $dbconn->query("Select location_ids,short_description from location_content_tbl where category_id = '".$sub_cat_det['catID']."'");
                                    $short_desc = "";
                                    if($res_specific_cat->num_rows > 0){
                                        while($specific_categories = $res_specific_cat->fetch_assoc()){
                                            $locat = explode(",", $specific_categories['location_ids']);
                                            if(in_array($location_id, $locat)){
                                                $short_desc = str_ireplace("{location}", $location_name, $specific_categories['short_description']);
                                            }
                                        }
                                    }
                            ?>
                            <div class="product_listing">
                                <div class="row">
                                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-5 col-12">
                                        <?php if($sub_cat_det['catImage']){ ?>
                                        <div class="product">
                                            <a href="<?= site_url.'/'.$location.'/'.strtolower($sub_cat_href); ?>.htm" title="<?= $sub_cat_det['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                <div class="image1">
                                                    <img class="category_image<?= $sub_cat_det['catID']; ?>" src="<?= getImage($sub_cat_det['catImage'],300,300, $sub_cat_det['catName'], "/uploaded-files/category/images/");?>" alt="<?= $sub_cat_det['displayName']; ?> Manufacturers in <?= $location_name; ?>" title="<?= $sub_cat_det['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                </div>
                                            </a>
                                        </div><?php } ?>
                                    </div>
                                    <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-7 col-12">
                                        <div class="right-content">
                                            <h4><a class="category_title<?= $sub_cat_det['catID']; ?>" href="<?= site_url.'/'.$location.'/'.strtolower($sub_cat_href); ?>.htm" title="<?= $sub_cat_det['displayName']; ?> Manufacturers in <?= $location_name; ?>"><?= $sub_cat_det['displayName']; ?></a></h4>
                                            <div class="blue-line1"></div>
                                            <div class="more_info">
                                            <?= $short_desc; ?>
                                            </div>

                                            <div class="clearfix"></div>
                                            <a class="read_more pop_cat_id" href="#" data-bs-toggle="modal" data-bs-target="#productID" title="Get Best Quote"><input type="hidden" class="cat_id" value="<?= $sub_cat_det['catID']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                    <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                </svg> Get Best Quote</a>
                                            <a href="<?= site_url.'/'.$location.'/'.strtolower($sub_cat_href); ?>.htm" class="read_more" title="View More">View More</a>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php } ?>
                        </div>
                        <?php } else{
                            $sub_cat_query = "select displayName,catName,catImage,parentID,catID,catDesc,catDesc1 from category_tbl where parentID = '".$cat_details['parentID']."' and catID != '".$cat_details['catID']."' order by catOrder asc";
                            $res_cat = $dbconn->query($sub_cat_query);
                            if($res_cat->num_rows > 0){ 
                        ?>
                        <div class="you_may">You May Also Like These</div>
                        <div class="allListing">
                            <?php 
                                while($sub_cat_det = $res_cat->fetch_assoc()){
                                    $sub_cat_href = str_ireplace(" ", "-", $sub_cat_det['catName']);
                                    $res_specific_cat = $dbconn->query("Select location_ids,short_description from location_content_tbl where category_id = '".$sub_cat_det['catID']."'");
                                    $short_desc = "";
                                    if($res_specific_cat->num_rows > 0){
                                        while($specific_categories = $res_specific_cat->fetch_assoc()){
                                            $locat = explode(",", $specific_categories['location_ids']);
                                            if(in_array($location_id, $locat)){
                                                $short_desc = str_ireplace("{location}", $location_name, $specific_categories['short_description']);
                                            }
                                        }
                                    }
                            ?>
                            <div class="product_listing">
                                <div class="row">
                                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-5 col-12">
                                        <?php if($sub_cat_det['catImage']){ ?>
                                        <div class="product">
                                            <a href="<?= site_url.'/'.$location.'/'.strtolower($sub_cat_href); ?>.htm" title="<?= $sub_cat_det['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                <div class="image1">
                                                    <img class="category_image<?= $sub_cat_det['catID']; ?>" src="<?= getImage($sub_cat_det['catImage'],300,300, $sub_cat_det['catName'], "/uploaded-files/category/images/");?>" alt="<?= $sub_cat_det['displayName']; ?> Manufacturers in <?= $location_name; ?>" title="<?= $sub_cat_det['displayName']; ?> Manufacturers in <?= $location_name; ?>">
                                                </div>
                                            </a>
                                        </div><?php } ?>
                                    </div>
                                    <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-7 col-12">
                                        <div class="right-content">
                                            <h4><a class="category_title<?= $sub_cat_det['catID']; ?>" href="<?= site_url.'/'.$location.'/'.strtolower($sub_cat_href); ?>.htm" title="<?= $sub_cat_det['displayName']; ?> Manufacturers in <?= $location_name; ?>"><?= $sub_cat_det['displayName']; ?></a></h4>
                                            <div class="blue-line1"></div>
                                            <div class="more_info">
                                            <?= $short_desc; ?>
                                            </div>

                                            <div class="clearfix"></div>
                                            <a class="read_more pop_cat_id" href="#" data-bs-toggle="modal" data-bs-target="#productID" title="Get Best Quote"><input type="hidden" class="cat_id" value="<?= $sub_cat_det['catID']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                    <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                </svg> Get Best Quote</a>
                                            <a href="<?= site_url.'/'.$location.'/'.strtolower($sub_cat_href); ?>.htm" class="read_more" title="View More">View More</a>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php } ?>
                        </div>
                        <?php } } ?>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="videoSection float-start w-100">
            <div class="container">
            <div class="title">Check Out Our Latest Jewelry Creations</div>
             <p class="text-center mx-auto mb-3 w-75">
             Immerse yourself in elegance with our latest jewelry creations! Discover stunning designs featuring exquisite rings, necklaces, and bracelets that elevate any outfit. Watch as we unveil unique pieces crafted with precision and care. Join us for styling tips, behind-the-scenes insights, and the inspiration that brings each piece to life!
             </p>
               <div class="row g-3 mb-5">
                <div class="col-lg-2 col-md-3 col-6">
                   <a href="https://www.youtube.com/embed/1npyN0s28bI" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/1npyN0s28bI/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                     <a href="https://www.youtube.com/embed/R0QzeB1biJ4" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/R0QzeB1biJ4/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                  <a href="https://www.youtube.com/embed/PGk07VszA0Y" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/PGk07VszA0Y/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                       <a href="https://www.youtube.com/embed/O7KNAZD7rcM" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/O7KNAZD7rcM/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                   <a href="https://www.youtube.com/embed/KTQ8XoLs87w" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/KTQ8XoLs87w/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                    <a href="https://www.youtube.com/embed/hRDx8G8HhpQ" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/hRDx8G8HhpQ/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>
            </div>
            </div>
        </div>
    <?php include "app_footer_sub.php"; ?>
    <?php include "app_bottom.php"; ?>
<script>
        $(document).ready(function() {
            $(".img-sec").owlCarousel({
                items: 5,
                loop: false,
                mouseDrag: true,
                touchDrag: true,
                pullDrag: true,
                rewind: false,
                autoplay: false,
                margin: 0,
                nav: true,
                dots: false,
            });
        });

    </script>
    <script>
        function imgMulti(id, url, elm) {
            document.getElementById(`myImage${id}`).src = url;
            $(elm).addClass('active').siblings().removeClass('active');
        }
</script>
</body>

</html>
<?php }else{
    header('location:'.site_url);
} ?>