<?php include_once ('include/main.inc.php');
if (strpos($_SERVER['REQUEST_URI'], ".php") !== false) {
    $uri_parts = explode('.php', $_SERVER['REQUEST_URI']);
    $linksLoc = $uri_parts[0];
    header("Location: ".site_url.$linksLoc);
    exit;
}
$hover = "home";
$homepage = mysqli_query($GLOBALS['dbconn'], "select pageDesc,pageDesc1,pageTitle, pageImage, page_keyword, page_metadesc, page_metatitle, pageBanner,keyword1,keyword2 from static_pages where pageID='1' and status='Y'");
$home_res = mysqli_fetch_array($homepage);
if ($home_res['keyword1'] != '' && $home_res['keyword2'] != '') {
    $m_title = "hotkeyword1 Manufacturers in state, hotkeyword2 Suppliers, Exporters country";
    $page_metatitle = str_replace('hotkeyword1', $home_res[keyword1], str_replace('hotkeyword2', $home_res[keyword2], str_replace('state', $admin_res[targetlocation], str_replace('country', $admin_res[country], $m_title))));
    $m_keyword = "hotkeyword1 Manufacturers, hotkeyword2 Manufacturers, hotkeyword1 Suppliers, hotkeyword2 Suppliers, hotkeyword1 Exporters, hotkeyword2 Exporters, hotkeyword1, hotkeyword2";
    $page_metakey = str_replace('hotkeyword1', $home_res[keyword1], str_replace('hotkeyword2', $home_res[keyword2], str_replace('state', $admin_res[targetlocation], $m_keyword)));
    $m_desc = "companyName leading hotkeyword1 Manufacturers in state. Best Quality hotkeyword2 Suppliers and Exporters in country at Factory Price. Call phone";
    $page_metadesc = str_replace('hotkeyword1', $home_res[keyword1], str_replace('hotkeyword2', $home_res[keyword2], str_replace('companyName', $admin_res[companyName], str_replace('phone', $admin_res[mobile_meta], str_replace('state', $admin_res[targetlocation], str_replace('country', $admin_res[country], $m_desc))))));
} else {
    $page_metatitle = $home_res['page_metatitle'];
    $page_metakey = $home_res['page_keyword'];
    $page_metadesc = $home_res['page_metadesc'];
}
$page_desc = $home_res['pageDesc'];
$page_desc = str_ireplace('{companyName}', $admin_res['companyName'], $page_desc);
$page_desc2nd = $home_res['pageDesc1'];
$page_desc2nd = str_ireplace('{companyName}', $admin_res['companyName'], $page_desc2nd);
$page_metadesc = str_ireplace('{companyName}', $admin_res['companyName'], $page_metadesc);
$blog = mysqli_query($GLOBALS['dbconn'], "select blogDate,catImage,catName,blogDname,catDesc,blog_written,blogDate from blog_tbl order by catID DESC  limit 0,3");
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <?php include "app_top.php"; ?>
    <style>
    .clientSection1 {
        background-color: #f5f5f5;
    }
    </style>
</head>
<body class="home_only">
    <?php include "app_header.php"; ?>
    <div class="homeSlider">
               <video id="background-video" autoplay muted loop playsinline
                        poster="<?= site_url; ?>/designer/images/Building1.jpg"
                        style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;">
                        <source src="<?= site_url; ?>/designer/images/Building.mp4" type="video/mp4">
                        <img loading="lazy" src="<?= site_url; ?>/designer/images/Building1.jpg" alt="Building" title="Building" width="1351" height="520">
                        <!-- extra fallback -->
                        Your browser does not support the video tag.
                    </video>

        <!-- <video id="background-video" autoplay loop muted preload="auto">
            <source src="<?= site_url; ?>/designer/images/Building.mp4" title="Building" type="video/mp4">
        </video> -->
        <div class="container">
            <div class="row justify-content-center text-center">
                <div class="col-xxl-12 col-xl-12 col-lg-12">
                    <div class="bannerbox">
                        <div class="bannerTitle">
                            We Are <span id="typed" class="canntech typed"></span> Engineering Design Centre
                        </div>
                        <div class="bannerptag">
                            Building Information Modelling (BIM) Expert For <span id="typedp"
                                class="canntechp typedp"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wps_home_about wps_before_cs">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-xs-12 col-12 wow fadeInLeft"
                    data-wow-delay=".1s">
                    <div class="section-title-2" data-aos="fade-up" data-aos-delay="300"><span
                            class="line-divider-separator">
                        </span> Who <span class="outline-style-2">We </span> Are
                    </div>
                    <p>At <?= $admin_res['companyName']; ?>, we’re innovators at heart, blending cutting-edge technology
                        with deep industry expertise. Our passionate team specializes in BIM modeling, MEP consulting,
                        and comprehensive drawing services, delivering precision and excellence in every project. We
                        turn complex challenges into streamlined solutions, ensuring your vision becomes reality with
                        unparalleled efficiency and accuracy.</p>
                </div>
                <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-xs-12 col-12 wow fadeInRight"
                    data-wow-delay=".2s">
                    <div class="text">
                        <div class="exp">
                            <div class="exp_num">7</div>
                            <div class="valign">Years of Experience<br>
                                In Professional Service</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="Our_Services">
        <div class="container">
            <div class="section-title-2 text-center" data-aos="fade-up" data-aos-delay="300"><span
                    class="line-divider-separator">
                </span> Our <span class="outline-style-2">Services</span> <br></div>
            <p class="text-center">Our expertise spans cutting-edge expert BIM modeling, including Architectural and
                Structural BIM, MEP, and precise Drawing Services. We ensure seamless integration and exceptional
                accuracy, transforming your vision into reality with unmatched efficiency and precision.</p>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 mb-4">
                    <div class="card_services">
                        <div class="card_services1">
                            <img src="<?= site_url; ?>/designer/images/icons/Architectural.png" alt="Architectural"
                                title="Architectural" width="75" height="75" loading="lazy">
                            <div class="titleH4">Architectural</div>
                            <p>Architectural solutions combine innovative design with precise BIM technology, resulting
                                in spaces that are both highly functional and forward-thinking.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 mb-4">
                    <div class="card_services">
                        <div class="card_services1">
                            <img src="<?= site_url; ?>/designer/images/icons/Structural.png" alt="Structural"
                                title="Structural" width="75" height="75" loading="lazy">
                            <div class="titleH4">Structural</div>
                            <p>Transforming designs into robust frameworks, Structural BIM modeling ensures strength,
                                precision, and seamless integration in every project.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 mb-4">
                    <div class="card_services">
                        <div class="card_services1">
                            <img src="<?= site_url; ?>/designer/images/icons/Mechanical.png" alt="Mechanical"
                                title="Mechanical" width="75" height="75" loading="lazy">
                            <div class="titleH4">Mechanical (HVAC)</div>
                            <p>Revolutionize your building’s efficiency with cutting-edge mechanical solutions, designed
                                for precision, performance, and seamless integration into your project.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 mb-4">
                    <div class="card_services">
                        <div class="card_services1">
                            <img src="<?= site_url; ?>/designer/images/icons/Electrical.png" alt="Electrical"
                                title="Electrical" width="75" height="75" loading="lazy">
                            <div class="titleH4">Electrical</div>
                            <p>Illuminate your projects with cutting-edge electrical design and consulting, ensuring
                                efficiency, safety, and seamless integration for flawless execution.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 mb-4">
                    <div class="card_services">
                        <div class="card_services1">
                            <img src="<?= site_url; ?>/designer/images/icons/Plumbing.png" alt="Plumbing"
                                title="Plumbing" width="75" height="75" loading="lazy">
                            <div class="titleH4">Plumbing</div>
                            <p>Experience top-tier plumbing solutions with precision-designed systems that ensure
                                efficiency, reliability, and seamless integration for every project.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 mb-4">
                    <div class="card_services">
                        <div class="card_services1">
                            <img src="<?= site_url; ?>/designer/images/icons/Fire.png" alt="Fire" title="Fire"
                                width="75" height="75" loading="lazy">
                            <div class="titleH4">Fire Fighting</div>
                            <p>Ignite safety and efficiency with our advanced fire protection solutions, ensuring your
                                projects are safeguarded against potential hazards.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="Our_Sectors">
        <div class="container text-center">
            <div class="section-title-2 text-center" data-aos="fade-up" data-aos-delay="300"><span
                    class="line-divider-separator">
                </span> Our <span class="outline-style-2">Sectors</span> <br></div>
            <p>From hotels and resorts to intricate residential designs, we elevate every sector with our dynamic BIM
                and MEP solutions. Embrace a future where creativity meets precision across commercial, residential, and
                industrial landscapes.</p>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="Sectors">
                        <?php $gallery_award_sql = mysqli_query($GLOBALS['dbconn'], "select gallery_image,image_name,id,gallery_order from gallery_tbl order by id ASC");
                        while ($gallery_res = mysqli_fetch_assoc($gallery_award_sql)) {
                            $galImg = getImage($gallery_res[gallery_image], 360, 240, $gallery_res[image_name] . $gallery_res[id], "/uploaded-files/gallery/");
                            $galImg1 = getImage($gallery_res[gallery_image], 1280, 890, $gallery_res[image_name] . $gallery_res[id], "/uploaded-files/gallery/");
                            ?>
                        <figure class="Sectors-item">
                            <div class="Sectors-icon landscape">
                                <a data-fancybox="photo-Sectors" href="<?= $galImg1; ?>"
                                    title="<?= $gallery_res['image_name']; ?> in <?= $admin_res['targetlocation']; ?>"><img
                                        src="<?= $galImg; ?>"
                                        alt="<?= $gallery_res['image_name']; ?> in <?= $admin_res['targetlocation']; ?>"
                                        title="<?= $gallery_res['image_name']; ?> in <?= $admin_res['targetlocation']; ?>" loading="lazy"></a>
                            </div>
                            <span class="title_sec"><?= $gallery_res['image_name']; ?></span>
                        </figure>
                        <?php } ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="counter-up bg-light">
        <div class="container text-center">
            <div class="row">
                <div class="four col-md-3">
                    <div class="counter-box colored">
                        <div class="coun"><span class="counter">50</span> <span class="plus">+</span></div>
                        <p>Global Clients</p>
                    </div>
                </div>
                <div class="four col-md-3">
                    <div class="counter-box">
                        <div class="coun"><span class="counter">70</span> <span class="plus">+</span></div>
                        <p>Projects Delivered</p>
                    </div>
                </div>
                <div class="four col-md-3">
                    <div class="counter-box">
                        <div class="coun"><span class="counter">10</span> <span class="plus">+</span></div>
                        <p>Countries</p>
                    </div>
                </div>
                <div class="four col-md-3">
                    <div class="counter-box">
                        <div class="coun"><span class="counter">25</span> <span class="plus">+</span></div>
                        <p>BIM Experts</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php include "app_clients_full.php"; ?>
    <div class="home_about_2">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 col-12">
                    <div class="about_img wow fadeInUp" data-wow-delay=".3s">
                        <div class="img">
                            <img src="<?= getImage($home_res['pageImage'], 510, 350, $home_res['pageTitle'], "/uploaded-files/page-images/"); ?>"
                                alt="Best BIM Modeling Services in <?= $admin_res['targetlocation']; ?>"
                                title="Best BIM Modeling Services in <?= $admin_res['targetlocation']; ?>" width="510"
                                height="348" loading="lazy">
                        </div>
                        <div class="about_img">
                            Most advanced BIM solutions
                        </div>
                    </div>
                    <h1 class="section-title-2" data-aos="fade-up" data-aos-delay="300"><span
                            class="line-divider-separator">
                        </span> Best <span class="outline-style-2">BIM Modeling Services in
                            <?= $admin_res['targetlocation']; ?></span></h1>
                    <?= html_entity_decode($page_desc); ?>
                    <a class="read_more wow fadeInLeft" data-wow-delay=".2s" href="<?= site_url; ?>/about-us.htm"
                        title="View More"><span>View
                            More</span> </a>
                </div>
            </div>
        </div>
    </div>
    <div class="webpulse_home_product">
        <div class="container">
            <div class="offerWidth_2 wow fadeInDown" data-wow-delay=".1s">
                <div class="section-title-2 text-center" data-aos="fade-up" data-aos-delay="300"><span
                        class="line-divider-separator">
                    </span> Our Top <span class="outline-style-2">Services</span> <br></div>
                <p class="text-center">Our virtual Design and construction services aim to transform the
                    built environment through digitalisation and collaboration. Our team of
                    technologists, MEP Engineers and Architects work cohesively to
                    understand the intricacies of each project and deliver precise results
                    for our clients. We strive to lead the way in creating a better future for
                    the built environment, starting today</p>
            </div>
            <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 id="ourProducts" class="owl-carousel">
                        <?php
                        $home_cat1 = mysqli_query($GLOBALS['dbconn'], "select * from category_tbl where home_category='1' and status='Y' limit 0,8");
                        while ($home_cat_res2 = mysqli_fetch_assoc($home_cat1)) {
                            if ($home_cat_res2['catImage'] != '') {
                                $imglink = getImage($home_cat_res2[catImage], 370, 370, $home_cat_res2[catName], "/uploaded-files/category/images/");
                            } else {
                                $imglink = site_url . "/uploaded-files/category/images/noimage.jpg";
                            }
                            $short_desc = str_ireplace('{companyName}', $admin_res['companyName'], $home_cat_res2['catDesc']);
                            ?>
                        <div class="item">
                            <div class="item_info wow fadeInRight" data-wow-delay=".2s">
                                <div class="image">
                                    <img src="<?= $imglink; ?>"
                                        alt="<?= $home_cat_res2['displayName']; ?> in <?= $admin_res['targetlocation']; ?>"
                                        title="<?= $home_cat_res2['displayName']; ?> in <?= $admin_res['targetlocation']; ?>"
                                        width="379" height="379" loading="lazy">
                                </div>
                                <div class="con">
                                    <h3 class="title3"><a href="<?= site_url; ?>/<?= getValidFileName($home_cat_res2['catName']); ?>.htm"
                                            title="<?= $home_cat_res2['displayName']; ?> in <?= $admin_res['targetlocation']; ?>"><?= $home_cat_res2['displayName']; ?></a>
                        </h3>
                                    <p><?= substr($short_desc, 0, 115); ?>...</p>
                                    <div class="line"></div>
                                    <a href="<?= site_url; ?>/<?= getValidFileName($home_cat_res2['catName']); ?>.htm"
                                        title="<?= $home_cat_res2['displayName']; ?> in <?= $admin_res['targetlocation']; ?>"><svg
                                            xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" viewBox="0 0 16 16">
                                            <path fill-rule="evenodd"
                                                d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
                                        </svg></a>
                                </div>
                            </div>
                        </div>
                        <?php } ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="services_feature">
        <div class="container">
            <div class="section-title-2 text-center wow fadeInDown" data-wow-delay=".1s"><span
                    class="line-divider-separator">
                </span> Best <span class="outline-style-2">Features</span> <br></div>
            <p class="text-center">Dive into innovation with our exceptional features: state-of-the-art BIM modeling,
                flawless project integration, meticulous detailing, expert MEP consulting, and pioneering architectural
                solutions. Each project is crafted with creativity and precision.</p>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6 item-bx">
                    <img src="<?= site_url; ?>/designer/images/technology.png" alt="Latest Technology"
                        title="Latest Technology" width="80" height="80" loading="lazy">
                    <div class="titleH4">Latest Technology</div>
                    <p>Harness the latest technology for cutting-edge solutions and project excellence.</p>
                </div>
                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6 item-bx">
                    <img src="<?= site_url; ?>/designer/images/quality.png" alt="Quality Products"
                        title="Quality Products" width="80" height="80" loading="lazy">
                    <div class="titleH4">Quality Services</div>
                    <p>Crafting brilliance with unmatched precision, creativity, and excellence in every service.</p>
                </div>
                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6 item-bx">
                    <img src="<?= site_url; ?>/designer/images/team.png" alt="Professional Team"
                        title="Professional Team" width="80" height="80" loading="lazy">
                    <div class="titleH4">Professional Team</div>
                    <p>A blend of expertise and creativity, our team crafts brilliance in every project.</p>
                </div>
                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6 item-bx">
                    <img src="<?= site_url; ?>/designer/images/delivery.png" alt="On Time Delivery"
                        title="On Time Delivery" width="80" height="80" loading="lazy">
                    <div class="titleH4">On Time Delivery</div>
                    <p>Reliable and precise—our commitment to on-time delivery is unwavering.</p>
                </div>
            </div>
        </div>
    </div>
    <?//php include "app_testimonials.php"; ?>
    <?//php include "app_clients.php"; ?>
    <div class="home_latest_blog">
        <div class="container">
            <div class="section-title-2 text-center wow fadeInDown animated" data-wow-delay=".1s"
                style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown;"><span
                    class="line-divider-separator">
                </span> Our <span class="outline-style-2">Latest</span> Blog <br></div>
            <p class="text-center">Dive into our latest blogs for insights on cutting-edge BIM trends, innovative design
                strategies, and expert advice. Stay informed and inspired with fresh perspectives and industry updates
                delivered straight to you.</p>
            <div class="row">
                <?php
                while ($blog_res = mysqli_fetch_array($blog)) {
                    $date = new DateTime($blog_res['blogDate']);
                    $day = $date->format('d');
                    $month = $date->format('F');
                    $year = $date->format('Y');
                    if ($blog_res['catImage'] != '') {
                        $blog_img = getImage($blog_res['catImage'], 420, 315, $blog_res['catName'], "/uploaded-files/blog/images/");
                    } else {
                        $blog_img = NO_IMG_URL;
                    }
                    $blog_shortdesc = str_ireplace('{companyName}', $admin_res['companyName'], $blog_res['catDesc']);
                    ?>
                <div class="news-block_one col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 wow zoomIn"
                    data-wow-delay=".2s">
                    <div class="news-block_one-image">
                        <img src="<?= $blog_img; ?>" alt="<?= $blog_res['blogDname']; ?>"
                            title="<?= $blog_res['blogDname']; ?>" width="354" height="354" loading="lazy">
                    </div>
                    <div class="news-block_one_b">
                        <div class="news-block_one-content">
                            <!-- <div class="news-block_one-title"><?= $month; ?> <?= $day; ?>, <?= $year; ?></div> -->
                            <h4 class="news-block_one-heading"><a
                                    href="<?= site_url; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm" title="<?= $blog_res['blogDname']; ?>"><?= $blog_res['blogDname']; ?></a>
                            </h4>
                            <div class="news-block_one-meta">
                                <p><?= substr($blog_shortdesc, 0, 115); ?>...</p>
                                <a class="read_more"
                                    href="<?= site_url; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm"
                                    title="View More"><span>View More</span> </a>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </div>
    <div class="home_blog video_gallery bg-light py-5">
        <div class="container">
            <div class="title-headings">
                <div class="title_1">Latest Videos From Our YouTube Channel</div>
                <p class="w-75 mx-auto text-center">
                    Check out our latest videos featuring innovative solutions, behind-the-scenes insights, and client
                    success stories. From expert design techniques to transformative project showcases, our channel
                    highlights the quality and expertise we bring to every endeavor. Stay informed with our newest
                    content and discover how we turn ideas into impactful, real-world results.
                </p>
            </div>
            <div class="row g-2 mb-0">
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="vd_bx">
                        <img loading="lazy" src="https://img.youtube.com/vi/GGUanlk1TJI/hqdefault.jpg"
                            alt="Canntech Services Pvt Ltd" title="Canntech Services Pvt Ltd" width="480" height="360">
                        <a href="https://youtu.be/GGUanlk1TJI?si=jROWNjf1eUDBiO3M" data-fancybox=""
                            class="video-play-icon" title="Canntech Services Pvt Ltd">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" 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.393z">
                                </path>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="vd_bx">
                        <img loading="lazy" src="https://img.youtube.com/vi/8QX6MSy0E0Q/hqdefault.jpg"
                            alt="Canntech Services Pvt Ltd" title="Canntech Services Pvt Ltd" width="480" height="360">
                        <a href="https://youtu.be/8QX6MSy0E0Q?si=Zzv7CkYZHkknPxhq" data-fancybox=""
                            class="video-play-icon" title="Canntech Services Pvt Ltd">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" 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.393z">
                                </path>
                            </svg>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-12">
                    <div class="vd_bx">
                        <img loading="lazy" src="https://img.youtube.com/vi/xgpJojDFaDQ/hqdefault.jpg"
                            alt="Canntech Services Pvt Ltd" title="Canntech Services Pvt Ltd" width="480" height="360">
                        <a href="https://youtu.be/xgpJojDFaDQ?si=HwluwvNHkeeQLlZQ" data-fancybox=""
                            class="video-play-icon" title="Canntech Services Pvt Ltd">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" 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.393z">
                                </path>
                            </svg>
                        </a>
                    </div>
                </div>


            </div>

        </div>
    </div>
    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
     <script>
    document.addEventListener("DOMContentLoaded", function() {
        var delay = window.innerWidth <= 768 ? 10000 : 5000;
        // mobile (≤768px) → 10 sec, desktop → 5 sec

        setTimeout(function() {
            var video = document.getElementById("background-video");
            video.style.display = "block";
            video.play();
        }, delay);
    });
    </script>
</body>
</html>