<!DOCTYPE html>

<html lang="en">


<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    

    
    
    
    <link rel="canonical"
        href="https://tilindia.in" />
    <meta name="msvalidate.01" content="E106D761105C04424A9ACCB1137CCE92" />
    <meta name="robots" content="noodp, noydir" />

    <title>
        Material handling equipment in India | TIL India Limited    </title>
    <meta name="facebook-domain-verification" content="cn182wp5sh5ds1thr2ybtyhpkqxwd5" />
    <meta name="keywords"
        content="Material Handling Equipment in India, reach stackers, truck cranes India, jaw crushers, forklifts trucks">
    <meta name="description"
        content="TIL limited is a reputed manufacturer of material handling equipment in India. We manufacture a wide range of cranes, stone crushers and various other material handling solutions. ">
    <link href="https://www.tilindia.in/assets/images/favicon.png" type="image/x-icon" rel="icon" />
    
    
    <link href="https://www.tilindia.in/assets/css/main.css?c=-62170003270" media="all" rel="stylesheet" />
    <link href="https://www.tilindia.in/assets/css/animate.css?c=-62170003270" media="all" rel="stylesheet" />
    <link href="https://www.tilindia.in/assets/css/bootstrap.min.css?c=-62170003270" media="all" rel="stylesheet" />
    <link href="https://www.tilindia.in/assets/css/font-awesome.min.css?c=-62170003270" media="all" rel="stylesheet" />
    <link href="https://www.tilindia.in/assets/css/custom.css?c=-62170003270" media="all" rel="stylesheet" />
    <link href="https://www.tilindia.in/assets/css/bootstrap-dropdownhover.css?c=-62170003270" media="all"
        rel="stylesheet" />
    <link href="https://www.tilindia.in/assets/css/jquery.mCustomScrollbar.css?c=-62170003270" media="all"
        rel="stylesheet" />
    <link href="https://www.tilindia.in/assets/css/jquery.fancybox.css?c=-62170003270" media="all" rel="stylesheet" />
    <link href="assets//js/jquery-ui.min.css" rel="stylesheet">
    <link href="https://www.tilindia.in/assets/css/venobox.css?c=-62170003270" media="all" rel="stylesheet" />
    <link rel="stylesheet" type="text/css"
        href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
        integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    


    <style>
        .loader {
            border: 16px solid #f3f3f3;
            /* Light grey */
            border-top: 16px solid #3498db;
            /* Blue */
            border-radius: 50%;
            width: 80px;
            height: 80px;
            animation: spin 2s linear infinite;
        }

        .loader-center {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1000;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .breadcrumb {
            padding: 30px 15px;
            list-style: none;
            background-color: #f5f5f500;
            border-radius: 4px;
            font-weight: bold;
        }
    </style>
    <style>
        .accordion {
            margin: 2rem 0;
            border: 1px solid #e0e0e0;
            border-radius: 0.5rem;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .accordion .accordion-item {
            border-bottom: 1px solid #e0e0e0;
        }

        .accordion .accordion-item:last-child {
            border-bottom: none;
        }

        .accordion button[aria-expanded='true'] {
            border-bottom: 1px solid #5f6368;
            background-color: #f8f9fa;
        }

        .accordion button {
            position: relative;
            display: block;
            text-align: left;
            width: 100%;
            padding: 1em 1.5em;
            color: #333;
            font-size: 1.15rem;
            font-weight: 400;
            border: none;
            background: none;
            outline: none;
            cursor: pointer;
            transition: background-color 0.2s ease, color 0.2s ease;
        }

        .accordion button:hover,
        .accordion button:focus {
            color: #5f6368;
            background-color: #f1f1f1;
        }

        .accordion .icon {
            display: inline-block;
            position: absolute;
            top: 50%;
            right: 1.5em;
            width: 22px;
            height: 22px;
            border: 1px solid #333;
            border-radius: 50%;
            transform: translateY(-50%);
            transition: transform 0.2s ease, border-color 0.2s ease;
        }

        .accordion .icon::before,
        .accordion .icon::after {
            content: '';
            position: absolute;
            background-color: currentColor;
            transition: background-color 0.2s ease;
        }

        .accordion .icon::before {
            top: 50%;
            left: 50%;
            width: 10px;
            height: 2px;
            transform: translate(-50%, -50%);
        }

        .accordion .icon::after {
            top: 50%;
            left: 50%;
            width: 2px;
            height: 10px;
            transform: translate(-50%, -50%);
        }

        .accordion button[aria-expanded='true'] .icon {
            transform: translateY(-50%) rotate(45deg);
            border-color: #5f6368;
        }

        .accordion button[aria-expanded='true'] .icon::after {
            background-color: transparent;
        }

        .accordion .accordion-content {
            padding: 1rem 1.5em;
            background-color: #f9f9f9;
            border-top: 1px solid #e0e0e0;
            display: none;
        }

        .accordion button[aria-expanded='true']+.accordion-content {
            display: block;
            opacity: 1;
            max-height: 100vh;
            transition: all 200ms linear;
            will-change: opacity, max-height;
        }

        .accordion .accordion-content p {
            font-size: 1rem;
            font-weight: 300;
            margin: 1em 0;
        }

        .accordion .accordion-item+.accordion-item {
            margin-top: 1rem;
        }
    </style>

    <style>
        .template_faq {
            background: #edf3fe none repeat scroll 0 0;
        }

        .panel-group {
            background: #fff none repeat scroll 0 0;
            border-radius: 3px;
            box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
            margin-bottom: 0;
            padding: 30px;
        }

        #accordion .panel {
            border: medium none;
            border-radius: 0;
            box-shadow: none;
            margin: 0 0 15px 10px;
        }

        #accordion .panel-heading {
            border-radius: 30px;
            padding: 0;
        }

        #accordion .panel-title a {
            background: #ffb900 none repeat scroll 0 0;
            border: 1px solid transparent;
            border-radius: 30px;
            color: #fff;
            display: block;
            font-size: 18px;
            font-weight: 600;
            padding: 12px 20px 12px 50px;
            position: relative;
            transition: all 0.3s ease 0s;
        }

        #accordion .panel-title a.collapsed {
            background: #fff none repeat scroll 0 0;
            border: 1px solid #ddd;
            color: #333;
        }

        #accordion .panel-title a::after,
        #accordion .panel-title a.collapsed::after {
            background: #ffb900 none repeat scroll 0 0;
            border: 1px solid transparent;
            border-radius: 50%;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
            color: #fff;
            content: "";
            font-family: fontawesome;
            font-size: 25px;
            height: 55px;
            left: -20px;
            line-height: 55px;
            position: absolute;
            text-align: center;
            top: -5px;
            transition: all 0.3s ease 0s;
            width: 55px;
        }

        #accordion .panel-title a.collapsed::after {
            background: #fff none repeat scroll 0 0;
            border: 1px solid #ddd;
            box-shadow: none;
            color: #333;
            content: "";
        }

        #accordion .panel-body {
            background: transparent none repeat scroll 0 0;
            border-top: medium none;
            padding: 20px 25px 10px 9px;
            position: relative;
        }

        #accordion .panel-body p {
            border-left: 1px dashed #8c8c8c;
            padding-left: 25px;
            line-height: 24px;
        }

        .contact-info {
            float: left;
            padding-left: 15px;
            padding-right: 15px;
            padding: 30px 50px;
            font-weight: bold;
        }

        .mobile-line {
            display: none;
        }

        @media only screen and (max-width: 768px) {
            .contact-info {
                float: left !important;
                padding: 0px 0px !important;
                font-weight: bold !important;
                margin-bottom: 8px;
            }

            .for-phone {
                font-size: 15px !important;
            }

            .mobl_button {
                margin-top: -80px !important;
            }

            .mobile-line {
                display: block;
                width: 100vw;
                /* Width set to 90% of the viewport width */
                margin-left: -5vw;
                /* Center the element by adjusting the left margin */
                margin-top: 0px;
                margin-bottom: 0px;
            }
        }

        @media only screen and (min-width: 390px) and (max-width: 410px) {
            .mobl_button {
                margin-top: -56px !important;
            }
        }


        @media only screen and (min-width: 403px) {
            .mobl_button {
                margin-top: -62px !important;
            }
        }

        .mobl_button span {
            width: 77%;
        }

        .download-prochure-btn {
            height: 50px;
            width: 180px;
            font-size: 15px !important;
            background-color: #ffc72c;
            text-decoration: none;
            display: flex;
            align-items: center;
            color: #000 !important;
            box-shadow: 0 5px 0px 0 #000;
            border-radius: 6px;
            justify-content: center;
            font-weight: 600 !important;
            font-size: 15px;
            letter-spacing: 1px;
            margin-top: 25px;
        }
    </style>
    </head>

<body>
    <link href="https://www.tilindia.in/assets/css/ticker.css?c=-62170003270" media="all" rel="stylesheet" />
    <link href="https://www.tilindia.in/assets/css/slick.css?c=-62170003270" media="all" rel="stylesheet" />
    <link href="https://www.tilindia.in/assets/css/slick-theme.css?c=-62170003270" media="all" rel="stylesheet" />
    <div class="loader-center">
        <div style="text-align: center;display:none;" id="loader">
            <img src="https://www.tilindia.in/assets/images/logos/output-onlinegiftools.gif" id="gear-loader"
                style="height: 150px;" />

        </div>
    </div>
    
    <div id="nav" class="nav navbar-fixed-top">
        <div class="container">
            <div class="container">
                <div class="row">
                    <div class="logo">
                        <a href="//www.tilindia.in/index" title="">
                            <img src="https://www.tilindia.in/assets/images/logo.png" alt="TIL Limited"
                                class="img-responsive" /></a>
                        <hr class="mobile-line">
                    </div>
                    

                    <div class="contact-info display-5"
                        style="display: flex; justify-content: center; align-items: center; gap: 10px;">
                        <span>
                            <a href="mailto:mktg-til@tilindia.com" class="for-phone"
                                style="color:#ffc72c;font-size: 18px;">
                                <i class="fa-solid fa-envelope for-phone"
                                    style="font-size: 18px;color:black;"></i>&nbsp;mktg-til@tilindia.com
                            </a>
                        </span>
                        
                        <span>
                            
                        </span>
                        <span>
                            
                        </span>
                        <span>
                            
                        </span>
                        <span>
                            
                        </span>
                    </div>





                    <samp class="mobl_button">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </samp>
                    <div class="hidden_nav" data-mcs-theme="dark" style="height:auto">
                        <div class="mbl_menu"></div>
                    </div>
                    
                    <div class="siteSearch searchSection">
                        <form enctype="multipart/form-data" class="search_from" id="search_from" method="POST"
                            accept-charset="utf-8">
                            <input type="text" name="key_val" value="" placeholder="Search" autocomplete="off"
                                id="key_val" required="required" class="site_search" />
                            <input type="submit" value="" class="site_search_butn" />
                        </form>
                    </div>
                    
                </div>
            </div>

        </div>
        
        <nav class="navbar navbar-inverse nav-topBorder" role="navigation">
            <div class="container">
                
                <ul id="menu-top-menu" class="nav navbar-nav ">
                    <li class="first home"><a href="//www.tilindia.in/">Home</a></li>
                    <li class="about"><a href="//www.tilindia.in/about-us" class="dropdown-toggle">About Us <span
                                class="caret"></span></a>
                        <ul class="dropdown-menu dropdownhover-bottom">
                            <li class="first"><a href="//www.tilindia.in/about-us/corporate-profile">Corporate
                                    Profile</a></li>
                            <li><a href="//www.tilindia.in/about-us/board-of-directors">Board of Directors</a>
                            </li>
                            <li><a href="//www.tilindia.in/about-us/milestones">Milestones</a></li>
                            <li><a href="//www.tilindia.in/about-us/vision-and-values">Vision and Values</a></li>
                            <li><a href="//www.tilindia.in/about-us/corporate-social-responsibility">Corporate
                                    Social
                                    Responsibility</a></li>
                            <li><a href="//www.tilindia.in/about-us/code-of-conduct">Code of Conduct</a></li>
                            <li class="last"><a href="//www.tilindia.in/about-us/facilities">Facilities</a></li>
                        </ul>
                    </li>
                    <li class="products">
                        <a href="//www.tilindia.in/category"
                            class="dropdown-toggle">Products
                            <span class="caret"></span></a>
                        <ul class="dropdown-menu dropdownhover-bottom"><li><a href="javascript:void(0);" class="sub_nav">TIL Range <span class="caret"></span></a><ul class="dropdown-menu dropdownhover-bottom"><li><a href="//www.tilindia.in/category/rough-terrain-cranes" class="">Rough Terrain Cranes</a></li><li><a href="//www.tilindia.in/category/truck-cranes" class="">Truck Cranes</a></li><li><a href="//www.tilindia.in/category/pick-n-carry-cranes" class="">Pick n Carry Cranes</a></li><li><a href="//www.tilindia.in/category/articulating-crane" class="">Articulating Crane</a></li></ul></li><li><a href="javascript:void(0);" class="sub_nav">Manitowoc Range <span class="caret"></span></a><ul class="dropdown-menu dropdownhover-bottom"><li><a href="//www.tilindia.in/category/grove-range" class="">Grove Range</a></li><li><a href="//www.tilindia.in/category/crawler-cranes" class="">Crawler Cranes</a></li></ul></li><li><a href="javascript:void(0);" class="sub_nav">Hyster-TIL Range <span class="caret"></span></a><ul class="dropdown-menu dropdownhover-bottom"><li><a href="//www.tilindia.in/category/reachstackers" class="">ReachStackers</a></li><li><a href="//www.tilindia.in/category/forklift-trucks" class="">Forklift Trucks</a></li></ul></li><li><a href="javascript:void(0);" class="sub_nav">Snorkel Range <span class="caret"></span></a><ul class="dropdown-menu dropdownhover-bottom"><li><a href="//www.tilindia.in/category/boom-lifts" class="">Boom Lifts</a></li></ul></li></ul>                    </li>
                    <li class="customer-support"><a href="//www.tilindia.in/customer-support">Customer Support
                            <span class="caret"></span></a>
                        <ul class="dropdown-menu dropdownhover-bottom">
                            <li class="first"><a
                                    href="https://www.tilindia.in/customer-support/maintenance-contract">Maintenance
                                    Contract</a></li>
                            <li><a href="//www.tilindia.in/customer-support/parts-warehouse">Parts &
                                    Warehouse</a></li>
                            <li><a href="//www.tilindia.in/customer-support/training">Training</a></li>
                            <li class="last"><a href="//www.tilindia.in/contact-us/locations">Service
                                    Locations</a></li>
                        </ul>
                    </li>
                    <li class="investor-relations"><a href="//www.tilindia.in/investor-relations">Investor
                            Relations</a>
                    </li>
                    <li class="media-menu"><a href="//www.tilindia.in/media">Media <span
                                class="caret"></span></a>
                        <ul class="dropdown-menu dropdownhover-bottom">
                            <li class="first"><a href="//www.tilindia.in/media/blog">Blogs</a></li>

                            <li class="first"><a href="//www.tilindia.in/media/videos">Video</a></li>
                            <li><a href="//www.tilindia.in/media/news"> News </a>
                            <li><a href="//www.tilindia.in/media/bauma">TIL@bauma 2024</a></li>
                            
                    </li>
                    <li><a href="//www.tilindia.in/media/events-happenings">Events</a></li>
                    
                    <li><a href="//www.tilindia.in/media/press-release">Press Release</a></li>
                    <li><a href="//www.tilindia.in/media/freedownloads">Downloads</a></li>
                    
                </ul>
                </li>
                <li class="careers"><a href="//www.tilindia.in/careers">Careers <span class="caret"></span></a>
                    <ul class="dropdown-menu dropdownhover-bottom">
                        <li class="first"><a href="//www.tilindia.in/careers/life-til">Life @TIL</a></li>
                        <li><a href="//www.tilindia.in/careers/meet-our-team">Meet Our Team</a></li>
                        <li><a href="//www.tilindia.in/careers/vacancies">Vacancies</a></li>
                        <li class="last"><a href="//www.tilindia.in/careers/equal-opportunity-employer">Equal
                                Opportunity
                                Employer</a></li>
                    </ul>
                </li>
                <li class="last contact-us"><a href="#">Contact Us <span class="caret"></span></a>
                    <ul class="dropdown-menu dropdownhover-bottom">
                        <li class="first"><a href="//www.tilindia.in/contact-us/locations">Locations</a></li>
                        <li class="last"><a href="//www.tilindia.in/contact-us/inquiry">Inquiry</a></li>
                    </ul>
                </li>
                
                </ul>
            </div>
        </nav>
    </div>



    

    <div>
        <style>
    .breadcrumb-nav {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 10;
    }

    .breadcrumb {
        padding: 10px;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.5);
        margin-bottom: 20px;
    }

    .breadcrumb-item a {
        color: white;
        text-decoration: none;
    }

    .breadcrumb-item a:hover {
        text-decoration: underline;
    }

    .breadcrumb>li+li::before {
        padding: 0 5px;
        color: #ccc;
        content: "|";
    }
</style>

<section class="about_header about-banner-section" style='background-image: url("https://www.tilindia.in/assets/images/1.jpg");' id="banner-section">
    <div class="container">
        <nav aria-label="breadcrumb" class="breadcrumb-nav">
            <ol class="breadcrumb" id="breadcrumb-list">
                <a href="//www.tilindia.in/" style="color: white;">Not Found</a>
            </ol>
        </nav>
        <h1 class="m-0" id="page-title"></h1>
    </div>
</section>

<section class="content_section">
    <div class="wrapper clearfix">
        <div class="container cont_area">
            <div class="row">
                <div class="col-lg-12">
                    <div class="centerbox">

                        <div id="crumbs">
                            <a><a href="//www.tilindia.in/">Home</a></a>
                        </div>

                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3" id="leftCol">
                    <div class="">
                        <div class="menu-about-us-container">

                            <ul id="menu-thank-you" class="pro_left">
                                                                    <li class="first last"><a
                                            href="https://www.tilindia.in/products/material-handling-solutions"
                                            class="sub_nav">Material Handling Solutions <span class="caret"></span></a>
                                        <ul>
                                                                                            <li class="first"><a href="//www.tilindia.in/products/material-handling-solutions/til-range"
                                                        class="sub_nav">TIL Range <span class="caret"></span></a>
                                                    <ul>
                                                                                                                    <li class="first"><a
                                                                    href="https://www.tilindia.in/products/material-handling-solutions/til-range/rough-terrain-cranes">Rough Terrain Cranes</a></li>
                                                                                                                    <li class="first"><a
                                                                    href="https://www.tilindia.in/products/material-handling-solutions/til-range/truck-cranes">Truck Cranes</a></li>
                                                                                                                    <li class="first"><a
                                                                    href="https://www.tilindia.in/products/material-handling-solutions/til-range/pick-n-carry-cranes">Pick n Carry Cranes</a></li>
                                                                                                                    <li class="first"><a
                                                                    href="https://www.tilindia.in/products/material-handling-solutions/til-range/articulating-crane">Articulating Crane</a></li>
                                                                                                            </ul>
                                                </li>
                                                                                            <li class="first"><a href="//www.tilindia.in/products/material-handling-solutions/manitowoc-range"
                                                        class="sub_nav">Manitowoc Range <span class="caret"></span></a>
                                                    <ul>
                                                                                                                    <li class="first"><a
                                                                    href="https://www.tilindia.in/products/material-handling-solutions/manitowoc-range/grove-range">Grove Range</a></li>
                                                                                                                    <li class="first"><a
                                                                    href="https://www.tilindia.in/products/material-handling-solutions/manitowoc-range/crawler-cranes">Crawler Cranes</a></li>
                                                                                                            </ul>
                                                </li>
                                                                                            <li class="first"><a href="//www.tilindia.in/products/material-handling-solutions/hyster-til-range"
                                                        class="sub_nav">Hyster-TIL Range <span class="caret"></span></a>
                                                    <ul>
                                                                                                                    <li class="first"><a
                                                                    href="https://www.tilindia.in/products/material-handling-solutions/hyster-til-range/reachstackers">ReachStackers</a></li>
                                                                                                                    <li class="first"><a
                                                                    href="https://www.tilindia.in/products/material-handling-solutions/hyster-til-range/forklift-trucks">Forklift Trucks</a></li>
                                                                                                            </ul>
                                                </li>
                                                                                            <li class="first"><a href="//www.tilindia.in/products/material-handling-solutions/snorkel-range"
                                                        class="sub_nav">Snorkel Range <span class="caret"></span></a>
                                                    <ul>
                                                                                                                    <li class="first"><a
                                                                    href="https://www.tilindia.in/products/material-handling-solutions/snorkel-range/boom-lifts">Boom Lifts</a></li>
                                                                                                            </ul>
                                                </li>
                                                                                    </ul>
                                    </li>
                                                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-9 bodycont" id="mainCol">
                    <h1 style=""></h1>
                    <article class="post-352 page type-page status-publish hentry">
                        <div class="entry-content">
                            <div class="thankyou_banner">
                                <span>Oops!</span>
                                <p style="font-size: 18px;">This is not the page you're looking for.</p>
                                <a class="btn btn-primary" href="//www.tilindia.in/" style="background-color: #ffc72c;border: 1px solid #ffc72c;"><i class="fa fa-home" aria-hidden="true"></i> Go To Homepage</a>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </div>
</section>        <input type="hidden" value="https://www.tilindia.in/" id="basepath" readonly />
    </div>

    












    

    <footer class="footer-section">
        <div class="container">
            <div class="row ">
                <div class="col-lg-3 col-md-3 col-12 contact-details" id="address-section">
                    <h2 style="font-size:23px;" class="fontYlw m-0">Contact Us</h2>
                    <p>TIL Limited</p>
                    <div class="">
                        
                        <a href="#" style="align-items: flex-start;">
                            <img src="https://www.tilindia.in/assets/images/geo-pin.png" style="padding-top: 14px;"
                                alt="icon" />
                            <p>1, Taratolla Road, Garden Reach, Kolkata 700 024, West Bengal</p>
                        </a>
                        <a href="#">
                            <img src="https://www.tilindia.in/assets/images/office-icon.png" alt="icon" />
                            <p>+91 033 6633 2000</p>
                            
                        </a>
                        
                    </div>
                    

                    
                </div>
                

                <div class="col-lg-4 col-md-3 col-12 contact-details contact-fix">
                    <div>
                        <p class="fontYlw">Toll Free Number:<span class="font_number"><a href="tel:18002661535">1800 266
                                    1535</a></span></p>
                        <p class="fontYlw">Email:<span class="font_number"><a
                                    href="mailto:mktg-til@tilindia.com">mktg-til@tilindia.com</a></span> </p>
                        <div>
                            <p class="p-0">Follow Us:</p>
                            <figure class="socialLinks" style="display:flex;gap:20px">
                                
                                
                                
                            </figure>
                        </div>
                        <p>CIN: L74999WB1974PLC041725</p>
                        
                        
                        
                        <a href="//www.tilindia.in/privacy-policy" target="_blank">
                            <p class="p-0">Privacy Policy</p>
                        </a>
                                                    <a href="//www.tilindia.in/faq" target="_blank">
                                <p class="p-0">FAQ</p>
                            </a>
                        
                        
                    </div>
                </div>
                
                <div class="col-lg-5 col-md-6 col-12">
                    <div id="google_pageMap" class="container-fluid" style="padding:0; ">

                    </div>

                    

                </div>
            </div>
            
        </div>
    </footer>

    


    <div class="button-container">
        <button class="open-form-button" onclick="openForm()">
            Send an Enquiry
        </button>
    </div>

    <div class="form-container form-slider-content" id="myForm">
        <div class="form-slider">
            <div class="aboutText" style="padding:0">
                <h2 class="fc-black" style="text-transform:uppercase;font-size:25px;">Enquiry form</h2>
            </div>
            <button class="close-form-button" onclick="closeForm()">
                <svg style="margin-right: 18px;" xmlns="http://www.w3.org/2000/svg" height="16" width="12"
                    viewBox="0 0 384 512">
                    <path
                        d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" />
                </svg>
            </button>
        </div>
        

        <div class="enquiry-form-overflow">

            <form enctype="multipart/form-data" class="contact_form" id="contact_form" method="POST"
                accept-charset="utf-8">
                
                
                <label for="organization">Organization<span>*</span></label>
                <div class="input-container">
                    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 384 512">
                        <path
                            d="M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z" />
                    </svg>
                    <input type="text" name="organization" value="" placeholder="Organization" autocomplete="off"
                        id="organization" class="form-control" required />
                    <span id="organization_en-error" style="color: red; display: none;">The organization field
                        required</span>
                </div>
                
                

                <div class="form-group">
                    <label for="name">Full Name<span>*</span></label>
                    <div class="input-container">
                        <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512">
                            <path
                                d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z" />
                        </svg>
                        <input type="text" name="name" value="" placeholder="Name" autocomplete="off" id="name"
                            required="required" class="form-control" />
                        <span id="name_en-error" style="color: red; display: none;">The name field must be at least 5
                            character
                            in length</span>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="row">
                        <div id="maindiv2">
                            <div class="col-sm-6">
                                <label for="phone">Phone Number <span>*</span></label>
                                <div class="input-container">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"
                                        viewBox="0 0 512 512">
                                        <path
                                            d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z" />
                                    </svg>
                                    <input type="tel" name="phone" value="" placeholder="Phone no." autocomplete="off"
                                        id="phone" required="required" class="form-control" maxlength="10" />
                                    <span id="phone_en-error" style="color: red; display: none;">Please enter a valid
                                        10-digit phone
                                        number.</span>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <label for="email">Email Address <span>*</span></label>
                                <div class="input-container">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"
                                        viewBox="0 0 512 512">
                                        <path
                                            d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" />
                                    </svg>
                                    <input type="email" name="email" value="" placeholder="E-mail" autocomplete="off"
                                        id="email" required="required" class="form-control" />
                                    <span id="email_en-error" style="color: red; display: none;">Please enter a valid
                                        email
                                        address.</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-6">
                            <label for="phone">Country <span>*</span></label>
                            <div class="input-container">
                                <svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512">
                                    <path
                                        d="M384 476.1L192 421.2V35.9L384 90.8V476.1zm32-1.2V88.4L543.1 37.5c15.8-6.3 32.9 5.3 32.9 22.3V394.6c0 9.8-6 18.6-15.1 22.3L416 474.8zM15.1 95.1L160 37.2V423.6L32.9 474.5C17.1 480.8 0 469.2 0 452.2V117.4c0-9.8 6-18.6 15.1-22.3z" />
                                </svg>
                                <select name="country_id" id="country_id_ee" required="required" class="form-control">
                                    <option value="">Select Country</option>
                                    <option value='1'>Afghanistan</option><option value='2'>Albania</option><option value='3'>Algeria</option><option value='4'>American Samoa</option><option value='5'>Andorra</option><option value='6'>Angola</option><option value='7'>Anguilla</option><option value='8'>Antarctica</option><option value='9'>Antigua And Barbuda</option><option value='10'>Argentina</option><option value='11'>Armenia</option><option value='12'>Aruba</option><option value='13'>Australia</option><option value='14'>Austria</option><option value='15'>Azerbaijan</option><option value='16'>Bahamas The</option><option value='17'>Bahrain</option><option value='18'>Bangladesh</option><option value='19'>Barbados</option><option value='20'>Belarus</option><option value='21'>Belgium</option><option value='22'>Belize</option><option value='23'>Benin</option><option value='24'>Bermuda</option><option value='25'>Bhutan</option><option value='26'>Bolivia</option><option value='27'>Bosnia and Herzegovina</option><option value='28'>Botswana</option><option value='29'>Bouvet Island</option><option value='30'>Brazil</option><option value='31'>British Indian Ocean Territory</option><option value='32'>Brunei</option><option value='33'>Bulgaria</option><option value='34'>Burkina Faso</option><option value='35'>Burundi</option><option value='36'>Cambodia</option><option value='37'>Cameroon</option><option value='38'>Canada</option><option value='39'>Cape Verde</option><option value='40'>Cayman Islands</option><option value='41'>Central African Republic</option><option value='42'>Chad</option><option value='43'>Chile</option><option value='44'>China</option><option value='45'>Christmas Island</option><option value='46'>Cocos (Keeling) Islands</option><option value='47'>Colombia</option><option value='48'>Comoros</option><option value='49'>Republic Of The Congo</option><option value='50'>Democratic Republic Of The Congo</option><option value='51'>Cook Islands</option><option value='52'>Costa Rica</option><option value='53'>Cote D'Ivoire (Ivory Coast)</option><option value='54'>Croatia (Hrvatska)</option><option value='55'>Cuba</option><option value='56'>Cyprus</option><option value='57'>Czech Republic</option><option value='58'>Denmark</option><option value='59'>Djibouti</option><option value='60'>Dominica</option><option value='61'>Dominican Republic</option><option value='62'>East Timor</option><option value='63'>Ecuador</option><option value='64'>Egypt</option><option value='65'>El Salvador</option><option value='66'>Equatorial Guinea</option><option value='67'>Eritrea</option><option value='68'>Estonia</option><option value='69'>Ethiopia</option><option value='70'>External Territories of Australia</option><option value='71'>Falkland Islands</option><option value='72'>Faroe Islands</option><option value='73'>Fiji Islands</option><option value='74'>Finland</option><option value='75'>France</option><option value='76'>French Guiana</option><option value='77'>French Polynesia</option><option value='78'>French Southern Territories</option><option value='79'>Gabon</option><option value='80'>Gambia The</option><option value='81'>Georgia</option><option value='82'>Germany</option><option value='83'>Ghana</option><option value='84'>Gibraltar</option><option value='85'>Greece</option><option value='86'>Greenland</option><option value='87'>Grenada</option><option value='88'>Guadeloupe</option><option value='89'>Guam</option><option value='90'>Guatemala</option><option value='91'>Guernsey and Alderney</option><option value='92'>Guinea</option><option value='93'>Guinea-Bissau</option><option value='94'>Guyana</option><option value='95'>Haiti</option><option value='96'>Heard and McDonald Islands</option><option value='97'>Honduras</option><option value='98'>Hong Kong S.A.R.</option><option value='99'>Hungary</option><option value='100'>Iceland</option><option value='101'>India</option><option value='102'>Indonesia</option><option value='103'>Iran</option><option value='104'>Iraq</option><option value='105'>Ireland</option><option value='106'>Israel</option><option value='107'>Italy</option><option value='108'>Jamaica</option><option value='109'>Japan</option><option value='110'>Jersey</option><option value='111'>Jordan</option><option value='112'>Kazakhstan</option><option value='113'>Kenya</option><option value='114'>Kiribati</option><option value='115'>Korea North</option><option value='116'>Korea South</option><option value='117'>Kuwait</option><option value='118'>Kyrgyzstan</option><option value='119'>Laos</option><option value='120'>Latvia</option><option value='121'>Lebanon</option><option value='122'>Lesotho</option><option value='123'>Liberia</option><option value='124'>Libya</option><option value='125'>Liechtenstein</option><option value='126'>Lithuania</option><option value='127'>Luxembourg</option><option value='128'>Macau S.A.R.</option><option value='129'>Macedonia</option><option value='130'>Madagascar</option><option value='131'>Malawi</option><option value='132'>Malaysia</option><option value='133'>Maldives</option><option value='134'>Mali</option><option value='135'>Malta</option><option value='136'>Man (Isle of)</option><option value='137'>Marshall Islands</option><option value='138'>Martinique</option><option value='139'>Mauritania</option><option value='140'>Mauritius</option><option value='141'>Mayotte</option><option value='142'>Mexico</option><option value='143'>Micronesia</option><option value='144'>Moldova</option><option value='145'>Monaco</option><option value='146'>Mongolia</option><option value='147'>Montserrat</option><option value='148'>Morocco</option><option value='149'>Mozambique</option><option value='150'>Myanmar</option><option value='151'>Namibia</option><option value='152'>Nauru</option><option value='153'>Nepal</option><option value='154'>Netherlands Antilles</option><option value='155'>Netherlands The</option><option value='156'>New Caledonia</option><option value='157'>New Zealand</option><option value='158'>Nicaragua</option><option value='159'>Niger</option><option value='160'>Nigeria</option><option value='161'>Niue</option><option value='162'>Norfolk Island</option><option value='163'>Northern Mariana Islands</option><option value='164'>Norway</option><option value='165'>Oman</option><option value='166'>Pakistan</option><option value='167'>Palau</option><option value='168'>Palestinian Territory Occupied</option><option value='169'>Panama</option><option value='170'>Papua new Guinea</option><option value='171'>Paraguay</option><option value='172'>Peru</option><option value='173'>Philippines</option><option value='174'>Pitcairn Island</option><option value='175'>Poland</option><option value='176'>Portugal</option><option value='177'>Puerto Rico</option><option value='178'>Qatar</option><option value='179'>Reunion</option><option value='180'>Romania</option><option value='181'>Russia</option><option value='182'>Rwanda</option><option value='183'>Saint Helena</option><option value='184'>Saint Kitts And Nevis</option><option value='185'>Saint Lucia</option><option value='186'>Saint Pierre and Miquelon</option><option value='187'>Saint Vincent And The Grenadines</option><option value='188'>Samoa</option><option value='189'>San Marino</option><option value='190'>Sao Tome and Principe</option><option value='191'>Saudi Arabia</option><option value='192'>Senegal</option><option value='193'>Serbia</option><option value='194'>Seychelles</option><option value='195'>Sierra Leone</option><option value='196'>Singapore</option><option value='197'>Slovakia</option><option value='198'>Slovenia</option><option value='199'>Smaller Territories of the UK</option><option value='200'>Solomon Islands</option><option value='201'>Somalia</option><option value='202'>South Africa</option><option value='203'>South Georgia</option><option value='204'>South Sudan</option><option value='205'>Spain</option><option value='206'>Sri Lanka</option><option value='207'>Sudan</option><option value='208'>Suriname</option><option value='209'>Svalbard And Jan Mayen Islands</option><option value='210'>Swaziland</option><option value='211'>Sweden</option><option value='212'>Switzerland</option><option value='213'>Syria</option><option value='214'>Taiwan</option><option value='215'>Tajikistan</option><option value='216'>Tanzania</option><option value='217'>Thailand</option><option value='218'>Togo</option><option value='219'>Tokelau</option><option value='220'>Tonga</option><option value='221'>Trinidad And Tobago</option><option value='222'>Tunisia</option><option value='223'>Turkey</option><option value='224'>Turkmenistan</option><option value='225'>Turks And Caicos Islands</option><option value='226'>Tuvalu</option><option value='227'>Uganda</option><option value='228'>Ukraine</option><option value='229'>United Arab Emirates</option><option value='230'>United Kingdom</option><option value='231'>United States</option><option value='232'>United States Minor Outlying Islands</option><option value='233'>Uruguay</option><option value='234'>Uzbekistan</option><option value='235'>Vanuatu</option><option value='236'>Vatican City State (Holy See)</option><option value='237'>Venezuela</option><option value='238'>Vietnam</option><option value='239'>Virgin Islands (British)</option><option value='240'>Virgin Islands (US)</option><option value='241'>Wallis And Futuna Islands</option><option value='242'>Western Sahara</option><option value='243'>Yemen</option><option value='244'>Yugoslavia</option><option value='245'>Zambia</option><option value='246'>Zimbabwe</option>                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6" id="state_div">
                            <label for="email">State <span>*</span></label>
                            <div class="input-container">
                                <svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512">
                                    <path
                                        d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z" />
                                </svg>
                                <select name="state_id" id="state_id_ee" required="required" class="form-control">
                                    <option value="">Select State</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group" style="display: none">
                    
                </div>

                <input type="hidden" name="address" id="address">

                <div class="form-group">
                    <label for="nature_of_query_id">Nature of Query <span style="color:#f00">*</span></label>
                    <div class="input-container">
                        <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512">
                            <path
                                d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H288V368c0-26.5 21.5-48 48-48H448V96c0-35.3-28.7-64-64-64H64zM448 352H402.7 336c-8.8 0-16 7.2-16 16v66.7V480l32-32 64-64 32-32z" />
                        </svg>
                        <select name="nature_of_query_id" autocomplete="off" id="nature_of_query_id" required="required"
                            class="form-control">
                            <option value="" selected="selected">Please Select</option>
                            <option value='6'>Investor Relations</option><option value='7'>Human Resources</option><option value='11'>Machine Inquiry</option><option value='12'>Parts Inquiry</option><option value='13'>Service & Support</option><option value='14'>Customer feedback</option><option value='15'>Other</option>                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="query">Your Query<span style="color:#f00">*</span></label>
                    <textarea name="query" cols="40" rows="2" type="textarea" placeholder="Your Query"
                        autocomplete="off" id="query" required="required" value=""
                        class="form-control markitup"></textarea>
                </div>
                
                <div class="form-group">
                    <div class="g-recaptcha" data-sitekey="6LfQpAkqAAAAAOxDdAgJP0SNh5JjPWfi8wCvYAlr"></div>
                </div>
                <input type="hidden" name="contact_id" id="contact_id">
                
                <button type="submit" class="btn btn_contact" id="contact_form_button">Submit</button>
            </form>
        </div>


        
    </div>

            
        <script>
            $(document).ready(function () {
                var base_url = $("#basepath").val();
                $('#download-brochure').on('click', function () {
                    var selectedCategory = $(this).data('category');
                    var selectedProduct = $(this).data('product');

                    $('#DownloadBrochureModel').modal('show');

                    if (selectedCategory && selectedCategory !== "") {
                        $('#product_category').val(selectedCategory);
                        $('#product_category').prop('disabled', true);
                        $.ajax({
                            url: base_url + 'master/fetchProductsByCategory',
                            type: 'POST',
                            data: {
                                category: selectedCategory
                            },
                            dataType: 'json',
                            success: function (response) {
                                var productDropdown = $('#produt_id');
                                productDropdown.empty();
                                productDropdown.append('<option value="">Select one...</option>');
                                $.each(response, function (index, response) {
                                    productDropdown.append('<option value="' + response
                                        .spec_sheet_dt_id + '">' + response.model +
                                        '</option>');
                                });

                                if (selectedProduct && selectedProduct !== "") {
                                    productDropdown.val(selectedProduct);
                                    // $('#produt_id').prop('disabled', true);
                                } else {
                                    productDropdown.val("");
                                    // $('#produt_id').prop('disabled', false);
                                }
                            },
                            error: function () {
                                alert('An error occurred while fetching products.');
                            }
                        });
                    } else {
                        // $('#produt_id').prop('disabled', false);
                        $('#product_category').prop('disabled', false);
                        $('#product_category').val("");
                        $('#produt_id').empty();
                        $('#produt_id').append('<option value="">Select one...</option>');
                    }
                });

                $('.download-brochure-category').on('click', function () {
                    var selectedCategory = $(this).data('category');
                    var selectedProduct = $(this).data('product');

                    $('#DownloadBrochureModel').modal('show');

                    if (selectedCategory && selectedCategory !== "") {
                        $('#product_category').val(selectedCategory);
                        $('#product_category').prop('disabled', true);
                        $.ajax({
                            url: base_url + 'master/fetchProductsByCategory',
                            type: 'POST',
                            data: {
                                category: selectedCategory
                            },
                            dataType: 'json',
                            success: function (response) {
                                var productDropdown = $('#produt_id');
                                productDropdown.empty();
                                productDropdown.append('<option value="">Select one...</option>');
                                $.each(response, function (index, response) {
                                    productDropdown.append('<option value="' + response
                                        .spec_sheet_dt_id + '">' + response.model +
                                        '</option>');
                                });

                                if (selectedProduct && selectedProduct !== "") {
                                    productDropdown.val(selectedProduct);
                                    // $('#produt_id').prop('disabled', false);
                                } else {
                                    productDropdown.val("");
                                    // $('#produt_id').prop('disabled', true);
                                }
                            },
                            error: function () {
                                alert('An error occurred while fetching products.');
                            }
                        });
                    } else {
                        $('#product_category').prop('disabled', false);
                        // $('#produt_id').prop('disabled', false);
                        $('#product_category').val("");
                        $('#produt_id').empty();
                        $('#produt_id').append('<option value="">Select one...</option>');
                    }
                });

                $('#product_category').on('change', function () {
                    var selectedCategory = $(this).val();

                    $.ajax({
                        url: base_url + 'master/fetchProductsByCategory',
                        type: 'POST',
                        data: {
                            category: selectedCategory
                        },
                        dataType: 'json',
                        success: function (response) {
                            var productDropdown = $('#produt_id');
                            productDropdown.empty();
                            productDropdown.append('<option value="">Select one...</option>');
                            $.each(response, function (index, response) {
                                productDropdown.append('<option value="' + response
                                    .spec_sheet_dt_id + '">' + response.model +
                                    '</option>');
                            });
                        },
                        error: function () {
                            alert('An error occurred while fetching products.');
                        }
                    });
                });

                $('#download_magazine_form').submit(function (event) {
                    event.preventDefault();

                    $("#download_magazine_form_button").prop("disabled", true);
                    $("#download_magazine_form_button").html("Processing....");

                    var formData = new FormData($(this)[0]);

                    $.ajax({
                        url: `${base_url}master/download_magazine`,
                        type: 'POST',
                        dataType: "json",
                        data: formData,
                        processData: false,
                        contentType: false,
                        success: function (response) {
                            $("#download_magazine_form_button").prop("disabled", false);
                            $("#download_magazine_form_button").html("Submit");
                            if (response.status) {
                                if (response.filename != "") {
                                    var link = document.createElement('a');
                                    link.href = `${base_url}assets/pdf/${response.filename}`;
                                    link.download = response.filename;
                                    document.body.appendChild(link);
                                    link.click();
                                    document.body.removeChild(link);
                                }
                                setTimeout(() => {
                                    window.location.replace(`${base_url}thank-you`);
                                }, 2000);
                            } else {
                                console.log(response.error);
                            }
                        },
                        error: function (jqXHR, exception) {
                            $("#download_magazine_form_button").prop("disabled", false);
                            $("#download_magazine_form_button").html("Submit");
                            console.log(jqXHR);
                            console.log(exception);
                        }
                    });
                });
            });
        </script>
        <div class="modal fade" id="DownloadBrochureModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
            aria-hidden="true" style="display: none; z-index:10000">
            <div class="modal-dialog quotation-form-content">
                <div class="modal-content">
                    <div class="modal-header">
                        <a class="close closebtn" data-dismiss="modal" aria-hidden="true">
                            <svg style="margin-right: 18px;" xmlns="http://www.w3.org/2000/svg" height="16" width="12"
                                viewBox="0 0 384 512">
                                <path
                                    d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" />
                            </svg>
                        </a>
                        <div class="aboutText" style="padding:0">
                            <h2 class="fc-black" style="text-transform:uppercase;font-size:25px;">Download Brochure Form
                            </h2>
                        </div>
                    </div>
                    <div class="modal-body">
                        <form action="" enctype="multipart/form-data" class="download_magazine_form"
                            id="download_magazine_form" method="POST" accept-charset="utf-8">
                            <div class="form-group">
                                <label for="name">Full Name <span style="color:#f00">*</span></label>
                                <div class="input-container">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512">
                                        <path
                                            d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z" />
                                    </svg>
                                    <input type="text" name="name" value="" placeholder="Name" autocomplete="off"
                                        id="quotation_form_name" required="required" class="form-control" />
                                    <span id="name-error" style="color: red; display: none;">The name field must be at least
                                        5 character
                                        in length</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="organization">Organization <span style="color:#f00">*</span></label>
                                <div class="input-container">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 384 512">
                                        <path
                                            d="M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z" />
                                    </svg>
                                    <input type="text" name="organization" value="" required="required"
                                        placeholder="Organization" autocomplete="off" id="organization"
                                        class="form-control" />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <label for="phone">Phone Number <span style="color:#f00">*</span></label>
                                        <div class="input-container">
                                            <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"
                                                viewBox="0 0 512 512">
                                                <path
                                                    d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z" />
                                            </svg>
                                            <input type="tel" name="phone" value="" placeholder="Phone no."
                                                autocomplete="off" id="quotation_form_phone" required="required"
                                                class="form-control" maxlength="10" />
                                            <span id="phone-error" style="color: red; display: none;">Please enter a valid
                                                10-digit phone
                                                number.</span>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <label for="email">Email Address <span style="color:#f00">*</span></label>
                                        <div class="input-container">
                                            <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"
                                                viewBox="0 0 512 512">
                                                <path
                                                    d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" />
                                            </svg>
                                            <input type="email" name="email" value="" placeholder="E-mail"
                                                autocomplete="off" id="quotation_form_email" required="required"
                                                class="form-control" />
                                            <span id="email-error" style="color: red; display: none;">Please enter a valid
                                                email
                                                address.</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="product_category">Select Category <span style="color:#f00">*</span></label>
                                <div class="input-container">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512">
                                        <path
                                            d="M384 476.1L192 421.2V35.9L384 90.8V476.1zm32-1.2V88.4L543.1 37.5c15.8-6.3 32.9 5.3 32.9 22.3V394.6c0 9.8-6 18.6-15.1 22.3L416 474.8zM15.1 95.1L160 37.2V423.6L32.9 474.5C17.1 480.8 0 469.2 0 452.2V117.4c0-9.8 6-18.6 15.1-22.3z" />
                                    </svg>
                                    <div id="product_category_drp">
                                        <select type="select" name="product_category" autocomplete="off"
                                            id="product_category" required="required" class="form-control">
                                            <option value="">Select one...</option>
                                            <option value='Rough Terrain Cranes'>Rough Terrain Cranes</option><option value='Truck Cranes'>Truck Cranes</option><option value='Pick n Carry Cranes'>Pick n Carry Cranes</option><option value='Articulating Crane'>Articulating Crane</option><option value='Grove Range'>Grove Range</option><option value='Crawler Cranes'>Crawler Cranes</option><option value='ReachStackers'>ReachStackers</option><option value='Forklift Trucks'>Forklift Trucks</option><option value='Boom Lifts'>Boom Lifts</option>                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="product_id">Select product <span style="color:#f00">*</span></label>
                                <div class="input-container">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512">
                                        <path
                                            d="M384 476.1L192 421.2V35.9L384 90.8V476.1zm32-1.2V88.4L543.1 37.5c15.8-6.3 32.9 5.3 32.9 22.3V394.6c0 9.8-6 18.6-15.1 22.3L416 474.8zM15.1 95.1L160 37.2V423.6L32.9 474.5C17.1 480.8 0 469.2 0 452.2V117.4c0-9.8 6-18.6 15.1-22.3z" />
                                    </svg>
                                    <div id="produt_id_drp">
                                        <select type="select" name="product_id" autocomplete="off" id="produt_id"
                                            required="required" first_option="" class="form-control">
                                            <option value="">Select one...</option>
                                                                                    </select>
                                    </div>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-default" id="download_magazine_form_button">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        
        



    <div class="bodycont" id="mainCol">
        
        
        
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
            aria-hidden="true" style="display: none; z-index:10000">
            <div class="modal-dialog quotation-form-content">
                <div class="modal-content">
                    <div class="modal-header">
                        <a class="close closebtn" data-dismiss="modal" aria-hidden="true">
                            
                            <svg style="margin-right: 18px;" xmlns="http://www.w3.org/2000/svg" height="16" width="12"
                                viewBox="0 0 384 512">
                                <path
                                    d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" />
                            </svg>
                        </a>
                        
                        <div class="aboutText" style="padding:0">
                            <h2 class="fc-black" style="text-transform:uppercase;font-size:25px;">Quotation Form</h2>
                        </div>

                    </div>
                    <div class="modal-body">
                        <div>
                            <form action="" enctype="multipart/form-data" class="quotation_form" id="quotation_form"
                                method="POST" accept-charset="utf-8">
                                <div class="form-group">
                                    <label for="organization">Organization <span style="color:#f00">*</span> </label>
                                    <div class="input-container">
                                        <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14"
                                            viewBox="0 0 384 512">
                                            <path
                                                d="M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z" />
                                        </svg>
                                        <input type="text" name="organization" value="" placeholder="Organization"
                                            autocomplete="off" id="organization" class="form-control" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="name">Full Name <span style="color:#f00">*</span></label>
                                    <div class="input-container">
                                        <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14"
                                            viewBox="0 0 448 512">
                                            <path
                                                d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z" />
                                        </svg>
                                        <input type="text" name="name" value="" placeholder="Name" autocomplete="off"
                                            id="quotation_form_name" required="required" class="form-control" />
                                        <span id="name-error" style="color: red; display: none;">The name field must be
                                            at least 5 character
                                            in length</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <label for="phone">Phone Number <span style="color:#f00">*</span></label>
                                            <div class="input-container">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"
                                                    viewBox="0 0 512 512">
                                                    <path
                                                        d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z" />
                                                </svg>
                                                <input type="tel" name="phone" value="" placeholder="Phone no."
                                                    autocomplete="off" id="quotation_form_phone" required="required"
                                                    class="form-control" maxlength="10" />
                                                <span id="phone-error" style="color: red; display: none;">Please enter a
                                                    valid 10-digit phone
                                                    number.</span>
                                            </div>

                                        </div>
                                        <div class="col-sm-6">
                                            <label for="email">Email Address <span style="color:#f00">*</span></label>
                                            <div class="input-container">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"
                                                    viewBox="0 0 512 512">
                                                    <path
                                                        d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" />
                                                </svg>
                                                <input type="email" name="email" value="" placeholder="E-mail"
                                                    autocomplete="off" id="quotation_form_email" required="required"
                                                    class="form-control" />
                                                <span id="email-error" style="color: red; display: none;">Please enter a
                                                    valid email
                                                    address.</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <label for="phone">Country <span>*</span></label>
                                            <div class="input-container">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="16" width="18"
                                                    style="top: 16px;" viewBox="0 0 576 512">
                                                    <path
                                                        d="M384 476.1L192 421.2V35.9L384 90.8V476.1zm32-1.2V88.4L543.1 37.5c15.8-6.3 32.9 5.3 32.9 22.3V394.6c0 9.8-6 18.6-15.1 22.3L416 474.8zM15.1 95.1L160 37.2V423.6L32.9 474.5C17.1 480.8 0 469.2 0 452.2V117.4c0-9.8 6-18.6 15.1-22.3z" />
                                                </svg>
                                            </div>
                                            <select name="c_id" id="c_id" required="required" class="form-control">
                                                <option value="">Select Country</option>
                                                <option value='1'>Afghanistan</option><option value='2'>Albania</option><option value='3'>Algeria</option><option value='4'>American Samoa</option><option value='5'>Andorra</option><option value='6'>Angola</option><option value='7'>Anguilla</option><option value='8'>Antarctica</option><option value='9'>Antigua And Barbuda</option><option value='10'>Argentina</option><option value='11'>Armenia</option><option value='12'>Aruba</option><option value='13'>Australia</option><option value='14'>Austria</option><option value='15'>Azerbaijan</option><option value='16'>Bahamas The</option><option value='17'>Bahrain</option><option value='18'>Bangladesh</option><option value='19'>Barbados</option><option value='20'>Belarus</option><option value='21'>Belgium</option><option value='22'>Belize</option><option value='23'>Benin</option><option value='24'>Bermuda</option><option value='25'>Bhutan</option><option value='26'>Bolivia</option><option value='27'>Bosnia and Herzegovina</option><option value='28'>Botswana</option><option value='29'>Bouvet Island</option><option value='30'>Brazil</option><option value='31'>British Indian Ocean Territory</option><option value='32'>Brunei</option><option value='33'>Bulgaria</option><option value='34'>Burkina Faso</option><option value='35'>Burundi</option><option value='36'>Cambodia</option><option value='37'>Cameroon</option><option value='38'>Canada</option><option value='39'>Cape Verde</option><option value='40'>Cayman Islands</option><option value='41'>Central African Republic</option><option value='42'>Chad</option><option value='43'>Chile</option><option value='44'>China</option><option value='45'>Christmas Island</option><option value='46'>Cocos (Keeling) Islands</option><option value='47'>Colombia</option><option value='48'>Comoros</option><option value='49'>Republic Of The Congo</option><option value='50'>Democratic Republic Of The Congo</option><option value='51'>Cook Islands</option><option value='52'>Costa Rica</option><option value='53'>Cote D'Ivoire (Ivory Coast)</option><option value='54'>Croatia (Hrvatska)</option><option value='55'>Cuba</option><option value='56'>Cyprus</option><option value='57'>Czech Republic</option><option value='58'>Denmark</option><option value='59'>Djibouti</option><option value='60'>Dominica</option><option value='61'>Dominican Republic</option><option value='62'>East Timor</option><option value='63'>Ecuador</option><option value='64'>Egypt</option><option value='65'>El Salvador</option><option value='66'>Equatorial Guinea</option><option value='67'>Eritrea</option><option value='68'>Estonia</option><option value='69'>Ethiopia</option><option value='70'>External Territories of Australia</option><option value='71'>Falkland Islands</option><option value='72'>Faroe Islands</option><option value='73'>Fiji Islands</option><option value='74'>Finland</option><option value='75'>France</option><option value='76'>French Guiana</option><option value='77'>French Polynesia</option><option value='78'>French Southern Territories</option><option value='79'>Gabon</option><option value='80'>Gambia The</option><option value='81'>Georgia</option><option value='82'>Germany</option><option value='83'>Ghana</option><option value='84'>Gibraltar</option><option value='85'>Greece</option><option value='86'>Greenland</option><option value='87'>Grenada</option><option value='88'>Guadeloupe</option><option value='89'>Guam</option><option value='90'>Guatemala</option><option value='91'>Guernsey and Alderney</option><option value='92'>Guinea</option><option value='93'>Guinea-Bissau</option><option value='94'>Guyana</option><option value='95'>Haiti</option><option value='96'>Heard and McDonald Islands</option><option value='97'>Honduras</option><option value='98'>Hong Kong S.A.R.</option><option value='99'>Hungary</option><option value='100'>Iceland</option><option value='101'>India</option><option value='102'>Indonesia</option><option value='103'>Iran</option><option value='104'>Iraq</option><option value='105'>Ireland</option><option value='106'>Israel</option><option value='107'>Italy</option><option value='108'>Jamaica</option><option value='109'>Japan</option><option value='110'>Jersey</option><option value='111'>Jordan</option><option value='112'>Kazakhstan</option><option value='113'>Kenya</option><option value='114'>Kiribati</option><option value='115'>Korea North</option><option value='116'>Korea South</option><option value='117'>Kuwait</option><option value='118'>Kyrgyzstan</option><option value='119'>Laos</option><option value='120'>Latvia</option><option value='121'>Lebanon</option><option value='122'>Lesotho</option><option value='123'>Liberia</option><option value='124'>Libya</option><option value='125'>Liechtenstein</option><option value='126'>Lithuania</option><option value='127'>Luxembourg</option><option value='128'>Macau S.A.R.</option><option value='129'>Macedonia</option><option value='130'>Madagascar</option><option value='131'>Malawi</option><option value='132'>Malaysia</option><option value='133'>Maldives</option><option value='134'>Mali</option><option value='135'>Malta</option><option value='136'>Man (Isle of)</option><option value='137'>Marshall Islands</option><option value='138'>Martinique</option><option value='139'>Mauritania</option><option value='140'>Mauritius</option><option value='141'>Mayotte</option><option value='142'>Mexico</option><option value='143'>Micronesia</option><option value='144'>Moldova</option><option value='145'>Monaco</option><option value='146'>Mongolia</option><option value='147'>Montserrat</option><option value='148'>Morocco</option><option value='149'>Mozambique</option><option value='150'>Myanmar</option><option value='151'>Namibia</option><option value='152'>Nauru</option><option value='153'>Nepal</option><option value='154'>Netherlands Antilles</option><option value='155'>Netherlands The</option><option value='156'>New Caledonia</option><option value='157'>New Zealand</option><option value='158'>Nicaragua</option><option value='159'>Niger</option><option value='160'>Nigeria</option><option value='161'>Niue</option><option value='162'>Norfolk Island</option><option value='163'>Northern Mariana Islands</option><option value='164'>Norway</option><option value='165'>Oman</option><option value='166'>Pakistan</option><option value='167'>Palau</option><option value='168'>Palestinian Territory Occupied</option><option value='169'>Panama</option><option value='170'>Papua new Guinea</option><option value='171'>Paraguay</option><option value='172'>Peru</option><option value='173'>Philippines</option><option value='174'>Pitcairn Island</option><option value='175'>Poland</option><option value='176'>Portugal</option><option value='177'>Puerto Rico</option><option value='178'>Qatar</option><option value='179'>Reunion</option><option value='180'>Romania</option><option value='181'>Russia</option><option value='182'>Rwanda</option><option value='183'>Saint Helena</option><option value='184'>Saint Kitts And Nevis</option><option value='185'>Saint Lucia</option><option value='186'>Saint Pierre and Miquelon</option><option value='187'>Saint Vincent And The Grenadines</option><option value='188'>Samoa</option><option value='189'>San Marino</option><option value='190'>Sao Tome and Principe</option><option value='191'>Saudi Arabia</option><option value='192'>Senegal</option><option value='193'>Serbia</option><option value='194'>Seychelles</option><option value='195'>Sierra Leone</option><option value='196'>Singapore</option><option value='197'>Slovakia</option><option value='198'>Slovenia</option><option value='199'>Smaller Territories of the UK</option><option value='200'>Solomon Islands</option><option value='201'>Somalia</option><option value='202'>South Africa</option><option value='203'>South Georgia</option><option value='204'>South Sudan</option><option value='205'>Spain</option><option value='206'>Sri Lanka</option><option value='207'>Sudan</option><option value='208'>Suriname</option><option value='209'>Svalbard And Jan Mayen Islands</option><option value='210'>Swaziland</option><option value='211'>Sweden</option><option value='212'>Switzerland</option><option value='213'>Syria</option><option value='214'>Taiwan</option><option value='215'>Tajikistan</option><option value='216'>Tanzania</option><option value='217'>Thailand</option><option value='218'>Togo</option><option value='219'>Tokelau</option><option value='220'>Tonga</option><option value='221'>Trinidad And Tobago</option><option value='222'>Tunisia</option><option value='223'>Turkey</option><option value='224'>Turkmenistan</option><option value='225'>Turks And Caicos Islands</option><option value='226'>Tuvalu</option><option value='227'>Uganda</option><option value='228'>Ukraine</option><option value='229'>United Arab Emirates</option><option value='230'>United Kingdom</option><option value='231'>United States</option><option value='232'>United States Minor Outlying Islands</option><option value='233'>Uruguay</option><option value='234'>Uzbekistan</option><option value='235'>Vanuatu</option><option value='236'>Vatican City State (Holy See)</option><option value='237'>Venezuela</option><option value='238'>Vietnam</option><option value='239'>Virgin Islands (British)</option><option value='240'>Virgin Islands (US)</option><option value='241'>Wallis And Futuna Islands</option><option value='242'>Western Sahara</option><option value='243'>Yemen</option><option value='244'>Yugoslavia</option><option value='245'>Zambia</option><option value='246'>Zimbabwe</option>                                            </select>
                                        </div>
                                        <div class="col-sm-6" id="s_div">
                                            <label for="email">State <span>*</span></label>
                                            <div class="input-container">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="16" width="12"
                                                    viewBox="0 0 384 512">
                                                    <path
                                                        d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z" />
                                                </svg>
                                                <select name="s_id" id="s_id" required="required" class="form-control">
                                                    <option value="">Select State</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="address">Contact Address <span style="color:#f00">*</span></label>
                                    <textarea name="address" cols="40" rows="2" type="textarea"
                                        placeholder="Contact Address" autocomplete="off" id="address"
                                        required="required" value="" class="form-control markitup"></textarea>
                                </div>
                                <div class="form-group">
                                    <label for="product_id">Select product <span style="color:#f00">*</span></label>
                                    <div class="input-container">
                                        <svg xmlns="http://www.w3.org/2000/svg" height="16" width="18"
                                            viewBox="0 0 576 512">
                                            <path
                                                d="M384 476.1L192 421.2V35.9L384 90.8V476.1zm32-1.2V88.4L543.1 37.5c15.8-6.3 32.9 5.3 32.9 22.3V394.6c0 9.8-6 18.6-15.1 22.3L416 474.8zM15.1 95.1L160 37.2V423.6L32.9 474.5C17.1 480.8 0 469.2 0 452.2V117.4c0-9.8 6-18.6 15.1-22.3z" />
                                        </svg>
                                        <div id="produt_id_drp">
                                            <select type="select" name="product_id" autocomplete="off" id="produt_id"
                                                required="required" first_option="" class="form-control">
                                                <option value="">Select one...</option>
                                                                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="query">Enter Your Query<span style="color:#f00">*</span></label>
                                    <textarea name="query" cols="40" rows="2" type="textarea" placeholder="Your Query"
                                        autocomplete="off" id="query" required="required" value=""
                                        class="form-control markitup"></textarea>
                                </div>
                                <div class="form-group">
                                    <div class="g-recaptcha" data-sitekey="6LfQpAkqAAAAAOxDdAgJP0SNh5JjPWfi8wCvYAlr">
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-default" id="quotation_form_button">Submit</button>
                                <div class="scroll-top-wrapper "><span class="scroll-top-inner"><i
                                            class="fa fa-2x fa-arrow-circle-up"></i></span>
                                </div>
                            </form>
                        </div>
                    </div>
                    

                    
                    
                    
                    
                    
                    
                    
                    
                    

                    <script>
                        $(document).ready(function () {
                            $("#c_id").change(function (event) {
                                var c_id = $("#c_id").val();
                                var base_url = $("#basepath").val();
                                $.ajax({
                                    url: `${base_url}dashboard/fetchstatesnncountrie`,
                                    type: 'POST',
                                    dataType: "json",
                                    data: {
                                        c_id: c_id
                                    },
                                    success: function (response) {
                                        if (response.status) {
                                            $("#s_id").empty();
                                            $("#s_id").append(
                                                '<option value="">Select one...</option>');
                                            $.each(response.data, function (index, state) {
                                                $("#s_id").append('<option value="' +
                                                    state.id + '">' + state.name +
                                                    '</option>');
                                            });
                                        }
                                    },
                                    error: function (jqXHR, exception) {
                                        console.log(jqXHR);
                                        console.log(exception);
                                    }
                                });
                            });
                        });
                    </script>

                    <script>
                        $(document).ready(function () {
                            $("#country_id").change(function (event) {
                                var c_id = $("#country_id").val();
                                var base_url = $("#basepath").val();
                                $.ajax({
                                    url: `${base_url}dashboard/fetchstatesnncountrie`,
                                    type: 'POST',
                                    dataType: "json",
                                    data: {
                                        c_id: c_id
                                    },
                                    success: function (response) {
                                        if (response.status) {
                                            $("#state_id").empty();
                                            $("#state_id").append(
                                                '<option value="">Select one...</option>');
                                            $.each(response.data, function (index, state) {
                                                $("#state_id").append(
                                                    '<option value="' + state.id +
                                                    '">' + state.name + '</option>');
                                            });
                                        }
                                    },
                                    error: function (jqXHR, exception) {
                                        console.log(jqXHR);
                                        console.log(exception);
                                    }
                                });
                            });
                            $("#country_id_ee").change(function (event) {
                                var c_id = $("#country_id_ee").val();
                                var base_url = $("#basepath").val();
                                $.ajax({
                                    url: `${base_url}dashboard/fetchstatesnncountrie`,
                                    type: 'POST',
                                    dataType: "json",
                                    data: {
                                        c_id: c_id
                                    },
                                    success: function (response) {
                                        if (response.status) {
                                            $("#state_id_ee").empty();
                                            $("#state_id_ee").append(
                                                '<option value="">Select one...</option>');
                                            $.each(response.data, function (index, state) {
                                                $("#state_id_ee").append(
                                                    '<option value="' + state.id +
                                                    '">' + state.name + '</option>');
                                            });
                                        }
                                    },
                                    error: function (jqXHR, exception) {
                                        console.log(jqXHR);
                                        console.log(exception);
                                    }
                                });
                            });
                        });
                    </script>

                    

                    
                    
                    
                    
                    
                    
                    
                    
                    


                    <script>
                        jQuery(document).ready(function ($) {
                            /*for menu*/
                            if ($(window).width() <= 991) {
                                $('.dropdown-menu').hide();
                                //$('.mbl_menu ul li a').removeClass('active');
                                $(document).on("click", ".caret", function () {
                                    $(this).parent().removeClass('active')
                                    if ($(this).parent().siblings('ul').is(':visible')) {
                                        $(this).parent().siblings('ul').slideUp(300);
                                        //alert('close');

                                    } else {
                                        $('ul.dropdown-menu').not($(this).parents('ul')).slideUp(300);
                                        $(this).parent().siblings('ul').slideDown(300).addClass(
                                            "submenu_bg");
                                        //alert('open');
                                        $(this).parent().addClass('active')
                                    }

                                    return false;
                                });
                            }
                        });

                        function openForm() {
                            document.getElementById("myForm").style.display = "block";
                        }

                        function closeForm() {
                            document.getElementById("myForm").style.display = "none";
                        }

                        function validateQuotationInput() {
                            var phone = $('#quotation_form_phone').val();
                            var email = $('#quotation_form_email').val();
                            var phonePattern = /^[0-9]{10}$/;
                            var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/i;

                            var name = $("#quotation_form_name").val();


                            console.log(name, phone, email);
                            $('#phone-error').hide();
                            $('#name-error').hide();
                            $('#email-error').hide();

                            var status = true;

                            if (!phonePattern.test(phone)) {
                                $('#phone-error').show();
                                status = false;
                            }

                            if (name == "" || name.length < 5) {
                                $('#name-error').show();
                                status = false;
                            }

                            if (!emailPattern.test(email)) {
                                $('#email-error').show();
                                status = false;
                            }

                            return status;
                        }

                        function validateEnqueryInput() {
                            var phone = $('#phone').val();
                            var email = $('#email').val();

                            var phonePattern = /^[0-9]{10}$/;
                            var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/i;

                            var name = $("#name").val();
                            $('#phone_en-error').hide();
                            $('#name_en-error').hide();
                            $('#email_en-error').hide();

                            var status = true;

                            if (!phonePattern.test(phone)) {
                                $('#phone_en-error').show();
                                status = false;
                            }

                            if (name == "" || name.length < 5) {
                                $('#name_en-error').show();
                                status = false;
                            }



                            if (!emailPattern.test(email)) {
                                $('#email_en-error').show();
                                status = false;
                            }

                            return status;
                        }

                        function validateTrainingInput() {
                            var phone = $('#phone_tr').val();
                            var email = $('#email_tr').val();

                            var phonePattern = /^[0-9]{10}$/;
                            var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/i;

                            var name = $("#customer_name_tr").val();

                            $('#phone_tr-error').hide();
                            $('#customer_name_tr-error').hide();
                            $('#email_tr-error').hide();

                            var status = true;

                            if (!phonePattern.test(phone)) {
                                $('#phone_tr-error').show();
                                status = false;
                            }

                            if (name == "" || name.length < 5) {
                                $('#customer_name_tr-error').show();
                                status = false;
                            }

                            if (!emailPattern.test(email)) {
                                $('#email_tr-error').show();
                                status = false;
                            }

                            return status;
                        }

                        function validateContactUsInput() {
                            var phone = $('#phone_in').val();
                            var email = $('#email_in').val();

                            var phonePattern = /^[0-9]{10}$/;
                            var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/i;

                            var name = $("#name_in").val();
                            $('#phone_in-error').hide();
                            $('#name_in-error').hide();
                            $('#email_in-error').hide();

                            var status = true;

                            if (!phonePattern.test(phone)) {
                                $('#phone_in-error').show();
                                status = false;
                            }

                            if (name == "" || name.length < 5) {
                                $('#name_in-error').show();
                                status = false;
                            }

                            if (!emailPattern.test(email)) {
                                $('#email_in-error').show();
                                status = false;
                            }

                            return status;
                        }
                    </script>
                    
                    
                    <script type="text/javascript" defer>
                        /*Open Popup*/
                        // var flag = 0;
                        // $('#firstopenPopup').modal('show');
                        // function openPopup(){ 
                        //   var video = document.getElementById("video_tag");   
                        //   video.addEventListener("timeupdate", function(){ 
                        //     this.pause();
                        //   });

                        //   //$('#firstopenPopup').modal('hide');
                        //   $('#firstopenPopup').modal('hide');
                        //   $('#firstopenContent').modal('show');
                        // }

                        // if(flag == 0){ 
                        //   setTimeout(openPopup, 10000);
                        //   flag = 1;
                        // }

                        function init() {
                            var vidDefer = document.getElementsByTagName('iframe');
                            for (var i = 0; i < vidDefer.length; i++) {
                                if (vidDefer[i].getAttribute('data-src')) {
                                    vidDefer[i].setAttribute('src', vidDefer[i].getAttribute('data-src'));
                                }
                            }
                        }
                        window.onload = init;
                        $(window).on('load', function () {

                        });
                        $(document).ready(function ($) {




                            $('.home_banner').slick({
                                dots: false,
                                infinite: true,
                                speed: 300,
                                slidesToShow: 1,
                                autoplay: true,
                                autoplaySpeed: 2000,
                                lazyLoad: 'ondemand',
                                responsive: [{
                                    breakpoint: 768,
                                    settings: {
                                        slidesToShow: 1,
                                        slidesToScroll: 1,
                                        arrows: false,
                                    }
                                }]
                            });

                            $('.slickSlider').show();
                            ////////////////////////////////////////
                            $('.globalAssociates').slick({
                                dots: false,
                                infinite: true,
                                speed: 300,
                                slidesToShow: 3,
                                responsive: [{
                                    breakpoint: 1080,
                                    settings: {
                                        slidesToShow: 3,
                                        slidesToScroll: 1,
                                        infinite: true,
                                        //dots: true
                                    }
                                },
                                {
                                    breakpoint: 960,
                                    settings: {
                                        slidesToShow: 3,
                                        slidesToScroll: 1
                                    }
                                },
                                {
                                    breakpoint: 680,
                                    settings: {
                                        slidesToShow: 3,
                                        slidesToScroll: 1
                                    }
                                },
                                {
                                    breakpoint: 580,
                                    settings: {
                                        slidesToShow: 2,
                                        slidesToScroll: 1
                                    }
                                }
                                ]
                            });
                            ////////////////////////////////////
                            $('.home_video').slick({
                                dots: false,
                                infinite: true,
                                speed: 300,
                                slidesToShow: 3,
                                responsive: [{
                                    breakpoint: 1080,
                                    settings: {
                                        slidesToShow: 3,
                                        slidesToScroll: 1,
                                        infinite: true,
                                        //dots: true
                                    }
                                },
                                {
                                    breakpoint: 760,
                                    settings: {
                                        slidesToShow: 2,
                                        slidesToScroll: 1
                                    }
                                },
                                {
                                    breakpoint: 580,
                                    settings: {
                                        slidesToShow: 1,
                                        slidesToScroll: 1
                                    }
                                }
                                ]
                            });
                            /////////////////////////////////////
                            /*$('.news_slick').slick({ 
                                    dots: false,
                                    //infinite: true,
                                arrows: true,
                                autoplay: true,
                                  ///autoplaySpeed: 2000,
                                  //fade: true,
                                vertical: true,
                                    speed: 800,
                                slidesToScroll: 1,
                                    slidesToShow: 1,
                                responsive: [
                                { 
                                  breakpoint: 768,
                                  settings: { 
                                    slidesToShow: 1,
                                    slidesToScroll: 1,
                                  }
                                }
                              ]
                                    }); */

                        });

                        jQuery(document).ready(function ($) {
                            $('.news_slick').slick({
                                dots: false,
                                infinite: true,
                                arrows: true,
                                autoplay: true,
                                ///autoplaySpeed: 2000,
                                //fade: true,
                                vertical: true,
                                speed: 800,
                                slidesToShow: 1,
                                responsive: [{
                                    breakpoint: 768,
                                    settings: {
                                        slidesToShow: 1,
                                        slidesToScroll: 1,
                                    }
                                }]
                            });
                        });

                        function toggleReadMore() {
                            var paragraph = document.querySelector('.truncate');
                            var button = document.querySelector('.read-more-btn');
                            paragraph.classList.toggle('expanded');
                            if (paragraph.classList.contains('expanded')) {
                                button.textContent = 'Read Less';
                            } else {
                                button.textContent = 'Read More';
                            }
                        }
                    </script>











                    <style>
                        .modal-dialog {
                            /*width: 402px;*/
                        }
                    </style>

                    

                    <div class="modal fade" id="firstopenPopup" tabindex="-1" role="dialog"
                        aria-labelledby="firstopenPopup" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <div id="videoOpenPopup">
                                        <video class="videoOpen" id="video_tag" autoplay loop muted controls>
                                            <source src="https://www.tilindia.in/assets/images/till.mp4"
                                                type="video/mp4">
                                        </video>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="modal fade" id="firstopenContent" tabindex="-1" role="dialog"
                        aria-labelledby="firstopenContent" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <div id="loaderContent">
                                        <button type="button" class="closePopup" data-dismiss="modal"><i
                                                class="fa fa-times"></i></button>
                                        <div class="innerScroll">
                                            <p>
                                                Gainwell Group, through its group entity - Indocrest Defence Solutions
                                                Private Limited
                                                (IDSPL), has
                                                acquired a dominant stake in TIL (formerly Tractors India) Limited (NSE:
                                                TIL), one of India’s
                                                leading
                                                infra equipment manufacturer. Gainwell Group, a Make-in-India
                                                conglomerate with significant
                                                presence in
                                                the mining, construction, energy, defence, railways, and heavy equipment
                                                sectors, is expected
                                                to
                                                accelerate TIL’s growth further and bolster its already robust order
                                                book for cranes, reach
                                                stackers,
                                                material handling and defence equipment.
                                                <br><br>
                                                Gainwell Group promoter <b>Mr. Sunil Kumar Chaturvedi</b> has been
                                                appointed as a director of
                                                TIL today
                                                is slated to be appointed, subject to Shareholders’ approval, the
                                                Chairman & Managing Director
                                                of TIL.
                                                Click the buttons below to read the new CMD’s message to employees:
                                            </p>
                                            <div class="pdf-btn mb-2">
                                                <a href="tilindia/https://www.tilindia.in/assets/pdf/Employee%20message_English.pdf"
                                                    target="_blank" class="read-btn">Read In English</a>
                                                <a href="tilindia/https://www.tilindia.in/assets/pdf/Employee%20message_Hindi.pdf"
                                                    target="_blank" class="read-btn">Read In Hindi</a>
                                                <a href="tilindia/https://www.tilindia.in/assets/pdf/Employee%20message_Bengali.pdf"
                                                    target="_blank" class="read-btn">Read In Bengali</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>


</html>



<script>
    const items = document.querySelectorAll(".accordion button");

    function toggleAccordion() {
        const itemToggle = this.getAttribute('aria-expanded');

        for (i = 0; i < items.length; i++) {
            items[i].setAttribute('aria-expanded', 'false');
        }

        if (itemToggle == 'false') {
            this.setAttribute('aria-expanded', 'true');
        }
    }

    items.forEach(item => item.addEventListener('click', toggleAccordion));
</script>





<script>
    document.addEventListener('DOMContentLoaded', function () {
        // var toggleButton = document.querySelector('.toggle-button');
        // var content = document.querySelector('.content');

        // toggleButton.addEventListener('click', function () {
        //   this.classList.toggle('active');

        //   if (content.style.display === 'block') {
        //     content.style.display = 'none';
        //   } else {
        //     content.style.display = 'block';
        //   }
        // });
    });

    $('.toggle-button').on('click', function () {
        var content = $('.content');

        $(this).toggleClass('active');

        if (content.is(':visible')) {
            content.hide();
        } else {
            content.show();
        }
    });

    $(document).ready(function () {
        $('#testimonial-slider').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 3000,
            arrows: true,
            dots: false,
            prevArrow: '<button type="button" class="slick-prev" style="display: block; font-size: 50px;"></button>',
            nextArrow: '<button type="button" class="slick-next" style="display: block; font-size: 50px; margin-right: -10px;"></button>',
        });
    });
</script>





<script>
    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('.review-rating').forEach(function (ratingElement) {
            const ratingValue = parseFloat(ratingElement.getAttribute('data-rating'));
            const ratingContainer = ratingElement.querySelector('.rating');
            const ratingText = ratingElement.querySelector('.rating-text');

            const fullStars = Math.floor(ratingValue);
            const halfStars = (ratingValue % 1) >= 0.5 ? 1 : 0;
            const emptyStars = 5 - fullStars - halfStars;

            for (let i = 0; i < fullStars; i++) {
                const star = document.createElement('i');
                star.className = 'fas fa-star';
                ratingContainer.appendChild(star);
            }

            if (halfStars > 0) {
                const halfStar = document.createElement('i');
                halfStar.className = 'fas fa-star-half-alt';
                ratingContainer.appendChild(halfStar);
            }

            for (let i = 0; i < emptyStars; i++) {
                const star = document.createElement('i');
                star.className = 'far fa-star';
                ratingContainer.appendChild(star);
            }

            ratingText.textContent = ratingValue.toFixed(1);
        });
    });
</script>