@extends('frontend.layout.layout')
@section('title', 'Home page')
@section('content')

    <!-- Slider -->
    <div class="slider">
        <div class="">
            <div id="carouselExampleCaptions" class="carousel slide">
                <div class="carousel-indicators">
                    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
                        aria-current="true" aria-label="Slide 1"></button>
                    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
                        aria-label="Slide 2"></button>
                    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
                        aria-label="Slide 3"></button>
                </div>

                <div class="carousel-inner">
                    @foreach ($slider as $sliders)
                        <div class="carousel-item active">
                            <img src="{{ asset('frontend/images/slider1.png') }}" class="d-block w-100" alt="..." />
                            <div class="carousel-caption d-none d-md-block">
                                <h5 class="bannerheading">
                                    {{ $sliders->name }}
                                </h5>

                                <h2 class="bannertwo">
                                    {{ $sliders->namee }}
                                </h2>
                                <p class="bannerpara">
                                    {{ $sliders->description }}
                                </p>
                                <button class="btn btn-light theme-color bannerbtn">{{ $sliders->linkk }}</button>
                            </div>
                        </div>
                    @endforeach
                    {{-- <div class="carousel-item">
                        <img src="{{ asset('frontend/images/Rectangle 7.png') }}" class="d-block w-100" alt="..." />
                        <div class="carousel-caption d-none d-md-block">
                            <h5>
                                Find Your Way, Anytime, <br />
                                Anywhere: GPS Tracking Made Easy
                            </h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                <br />
                                Ut elit tellus, luctus nec ullamcorper mattis, pulvinar
                                dapibus leo.
                            </p>
                            <button class="btn btn-light theme-color">Get a Quote</button>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="{{ asset('frontend/images/Rectangle 7-1.png') }}" class="d-block w-100" alt="..." />
                        <div class="carousel-caption d-none d-md-block">
                            <h5>
                                Find Your Way, Anytime, <br />
                                Anywhere: GPS Tracking Made Easy
                            </h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                <br />
                                Ut elit tellus, luctus nec ullamcorper mattis, pulvinar
                                dapibus leo.
                            </p>
                            <button class="btn btn-light theme-color">Get a Quote</button>
                        </div>
                    </div> --}}
                </div>
            </div>
        </div>
    </div>

    <!-- We Provide -->
    <div class="weprovide py-4">
        <div class="container" style="max-width: 1290px;">

            <div class="row row-cols-1 row-cols-md-4 g-4 ">
                {{-- @foreach ($category as $value)
                @if ($value->title !== null)
                <div class="col">
                    <div class="card weprovidecard ht ">
                        <div>
                            <img src="{{ asset('admin/img/' . $value->image) }}" class="card-img-top" alt="...">
                        </div>
                        <div class="card-body">
                            <h5 class="servicehd">{{$value->title}} </h5>
                            <p class="serviceparaone">{{$value->button}}</p>
                            <p class="servicepara ">{{$value->description}}</p>
                        </div>
                    </div>
                </div>
                @endif         
                <div class="col">
                    <div class="card h-100" style="background: #98CBFB;">
                        <img src="{{asset('admin/img/' . $value->image)}}" alt="" class="w-100" />
                    </div>
                </div>                
                @endforeach --}}
                @foreach ($category as $value)
                    @if ($value->title !== null)
                        <div class="col">
                            <div class="card weprovidecard ht">
                                <div>
                                    <img src="{{ asset('admin/img/' . $value->image) }}" class="card-img-top"
                                        alt="...">
                                </div>
                                <div class="card-body">
                                    <h5 class="servicehd">{{ $value->title }}</h5>
                                    <p class="serviceparaone">{{ $value->button }}</p>
                                    <p class="servicepara">{{ $value->description }}</p>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if ($value->title == null)
                        <div class="col">
                            <div class="card h-100" style="background: #98CBFB;">
                                <img src="{{ asset('admin/img/' . $value->image) }}" alt="" class="w-100" />
                            </div>
                        </div>
                    @endif
                @endforeach

                {{-- <div class="col">
                    <div class="card weprovidecard ht">

                        <div>

                            <img src="{{ asset('frontend/images/weprovide2.png') }}" class="card-img-top" alt="...">
                        </div>
                        <div class="card-body">
                            <h5 class="servicehd">FREE APP</h5>
                            <p class="serviceparaone">Download on Google Play & APP Store</p>
                            <p class="servicepara">The key feature of this tracking device and tracking
                                app is its real-time tracking with/without time
                                specification.</p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card weprovidecard ht">

                        <div>

                            <img src="{{ asset('frontend/images/weprovide3.png') }}" class="card-img-top" alt="...">
                        </div>
                        <div class="card-body">
                            <h5 class="servicehd">QUICK INSTALL</h5>
                            <P class="serviceparaone">Install for Car, Bus, Bike & much more</P>
                            <p class="servicepara">GPS tracking device as well as GPS trackers for vehicle
                                installation for use on the car, bus, bike and much
                                more.</p>
                        </div>
                    </div>
                </div> --}}
            </div>
        </div>
    </div>

    <!-- Accute 140 -->
    <section class="accute140">
        <div class="container">
            @foreach($product as $products)
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h2 class="underLineHeading">
                        <span class="position-relative">
                            {{$products->title}}
                            <div class="linebottom"></div>
                        </span>
                    </h2>
                    <ul class="indexlist">
                        <li>
                            Discover our cutting-edge AIS 140 compliant products, designed
                            to elevate your transportation system's efficiency and safety.
                        </li>
                        <li>
                            Discover our cutting-edge AIS 140 compliant products, designed
                            to elevate your transportation system's efficiency and safety.
                        </li>
                    </ul>

                    <div class="d-flex flex-wrap">
                        <p class="gradient-btn me-2">Government Aproved</p>
                        <p class="gradient-btn me-2">Built-In 800Mah Battery</p>
                        <p class="gradient-btn me-2">Real-Time IRNSS GPS</p>
                        <p class="gradient-btn me-2">Built-In GSM & GPS Antenna</p>
                        <p class="gradient-btn me-2">Tele Vut Off Fuel / Power</p>
                        <p class="gradient-btn me-2">Multiple Alarms</p>
                    </div>
                    <div class="mt-4">
                        <a href="" class="gradient-btnBlue">Enquire Now</a>
                        <a href="" class="gradient-btn ms-2">Read More</a>
                    </div>
                </div>
                <div class="col-md-6">
                    <img src="{{ asset('admin/img/' . $products->image) }}" class="w-100" alt="hello" />
                </div>
            </div>
            @endforeach
        </div>
    </section>

    <section>
        <div class="OUR_PRODUCTS mt-5">
            <div class="d-flex justify-content-center align-items-center flex-column">
                <h4 class="theme-color">OUR PPRODUCTS</h4>
                <p>Special products for all your needs</p>
                <div class="linebottomOne"></div>
            </div>

            <div class="container">
                <div class="row py-4">



                    <div class="col-md-4 mb-3">
                        <div class="ProductCard">
                            <img src="{{ asset('frontend/images/product.png') }}" class="w-100" alt="product" />
                            <div class="ProductCard-content">
                                <p class="mb-0 commnfont">United Kingdom</p>
                                <h5 class="ProductCard-title mb-0">ACUTE AIS-140</h5>
                                <div class="linebottomOne"></div>
                                <p class="mt-1" style="font-size: 12px;">Lorem Ipsum is simply </p>
                                <p class="mt-1 commnfont"> <i class="fa-sharp fa-solid fa-location-dot"></i> <span
                                        class="blcolor"> Lorem Ipsum is simply , </span>United  <br> Lorem Ipsum  </p>
                                <div class="text-end flex-row">
                                    View Details
                                    <i class="fa-solid fa-arrow-right"></i>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="ProductCard">
                            <img src="{{ asset('frontend/images/product.png') }}" class="w-100" alt="product" />
                            <div class="ProductCard-content">
                                <p class="mb-0 commnfont">United Kingdom</p>
                                <h5 class="ProductCard-title mb-0">ACUTE AIS-140</h5>
                                <div class="linebottomOne"></div>
                                <p class="mt-1 commnfont" style="font-size: 12px;">Lorem Ipsum is simply </p>
                                <p class="mt-1 commnfont"> <i class="fa-sharp fa-solid fa-location-dot"></i> <span
                                        class="blcolor"> Lorem Ipsum is simply , </span>United  <br> Lorem Ipsum  </p>
                                <div class="text-end flex-row">
                                    View Details
                                    <i class="fa-solid fa-arrow-right"></i>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="ProductCard">
                            <img src="{{ asset('frontend/images/product.png') }}" class="w-100" alt="product" />
                            <div class="ProductCard-content">
                                <p class="mb-0 commnfont">United Kingdom</p>
                                <h2 class="ProductCard-title mb-0">ACUTE AIS2222-140</h2>
                                <div class="linebottomOne"></div>
                                <p class="mt-1" style="font-size: 12px;">Lorem Ipsum is simply </p>
                                <p class="mt-1 commnfont"> <i class="fa-sharp fa-solid fa-location-dot"></i> <span
                                        class="blcolor"> Lorem Ipsum is simply , </span>United  <br> Lorem Ipsum  </p>
                                <div class="text-end flex-row">
                                    View Details
                                    <i class="fa-solid fa-arrow-right"></i>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--end of OUR_PRODUCTS-->
    </section>

    <!-- Device tracking -->
    <section class="device-tracking mt-1">
        <div class="container">
            <div class="row">

                <div class="col-md-6">

                    <div>
                        <h4 class="theme-color">DEVICE TRACKING</h4>
                        <p>Whether, you’re concerned for a loved one, a mischievous pet, a vulnerable family
                            member or even a valuable asset you can track them all with Tracknsync!</p>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <h6 class="theme-color">ACCUTE PERSONAL</h6>
                            <img src="{{ asset('frontend/images/tracking-1.jpg.png') }}" class="w-100 trackingimg" />
                        </div>

                        <div class="col-md-6">
                            <h6 class="theme-color">ACCUTE KIDO</h6>
                            <img src="{{ asset('frontend/images/tracking-2.jpg.png') }}" class="w-100 trackingimg" />
                        </div>
                    </div>
                </div>

                <div class="col-md-6">

                </div>
            </div>
        </div>
    </section>


    <style>
        .mgthumb {
            position: absolute;
            top: -310px;
            left: 100px;
        }


        .whclr {
            color: white;
        }




        .identify {
            margin: 0 !important;
        }

        figure.testimonial {
            position: relative;
            float: left;
            overflow: hidden;
            margin: 10px 1%;
            padding: 0 20px;
            text-align: left;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
        }

        figure.testimonial * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            -moz-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            -o-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
        }

        .slick-prev.slick-arrow {
            display: none !important;
        }

        .slick-next.slick-arrow {
            display: none !important;
        }

        figure.testimonial img {
            max-width: 100%;
            vertical-align: middle;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            margin: 4px 0 0 0px;
        }

        figure.testimonial blockquote {
            color: #fff;
            display: block;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5em;
            margin: 0;
            padding: 25px 50px 30px;
            position: relative;
        }

        figure.testimonial blockquote:before,
        figure.testimonial blockquote:after {
            content: "\201C";
            position: absolute;
            color: #fff;
            font-size: 50px;
            font-style: normal;
        }

        figure.testimonial blockquote:before {
            top: 25px;
            left: 20px;
        }

        figure.testimonial blockquote:after {
            content: "\201D";
            right: 20px;
            bottom: 0;
        }

        figure.testimonial .btn {
            top: 100%;
            width: 0;
            height: 0;
            border-left: 0 solid transparent;
            border-right: 25px solid transparent;
            border-top: 25px solid #fff;
            margin: 0;
            position: absolute;
        }

        figure.testimonial .user {
            position: absolute;
            bottom: 30px;
            padding: 0 6px 0 49px;
            margin: 0;
            color: #ffffff;
            -webkit-transform: translateY(50%);
            -moz-transform: translateY(50%);
            -o-transform: translateY(50%);
            -ms-transform: translateY(50%);
            transform: translateY(50%);
        }

        figure.testimonial .user h3 {
            opacity: 0.9;
            margin: 0;
        }

        .slick-slider {
            position: relative;
            display: block;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent;
        }


        .slick-list {
            position: relative;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

        .slick-list:focus {
            outline: none;
        }

        .slick-list .dragging {
            cursor: pointer;
            cursor: hand;
        }

        .slick-slider .slick-track,
        .slick-slider .slick-list {
            transform: translate3d(0, 0, 0);
        }

        .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block;
        }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

        .slick-loading .slick-track {
            visibility: hidden;
        }

        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px;
        }

        .slick-slide img {
            display: block;
        }

        .slick-slide.slick-loading img {
            display: none;
        }

        .slick-slide.dragging img {
            pointer-events: none;
        }

        .slick-initialized .slick-slide {
            display: block;
        }

        .slick-loading .slick-slide {
            visibility: hidden;
        }

        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent;
        }

        .slick-btn.slick-hidden {
            display: none;
        }


        .slick-prev,
        .slick-next {
            font-size: 0;
            line-height: 0;
            position: absolute;
            top: 40%;
            display: block;
            width: 20px;
            height: 20px;
            padding: 0;
            transform: translate(0, -50%);
            cursor: pointer;
            color: #f24816 !important;
            border: none;
            outline: none;
            background: transparent;
        }

        .slick-prev:hover,
        .slick-prev:focus,
        .slick-next:hover,
        .slick-next:focus {
            color: #f24816 !important;
            outline: none;
            background: transparent;
        }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }


        .icon_left {
            margin-left: -49px;
        }





        /* .slick-next:before {
                         content: "";
                        } */
    </style>
    <section class="thumbdiv">
        <br>
        <div class="w-100 py-1 theme-bg border "></div>

        <div class="container">
            <div class="row">
                <div>

                </div>

                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-4">
                            <br>

                            <h5 class="card-title whclr rrr"> <img src="{{ asset('frontend/images/Icon.png') }}" /> Small
                                Device</h5>
                            <p class="card-text whclr">This Small GPS tracking
                                system enables you to track
                                your vehicles in real-time
                                24x7.</p>
                            <br>
                        </div>
                        <div class="col-md-4">
                            <br>
                            <h5 class="card-title whclr rrr"> <img src="{{ asset('frontend/images/th.png') }}" /> Easily
                                Fitted</h5>
                            <p class="card-text whclr">Our devices are easily fitted
                                to your vehicle, worn on a
                                child’s wrist or even on a
                                pet’s collar!</p>
                            <br>
                        </div>
                        <div class="col-md-4">
                            <br>
                            <h5 class="card-title whclr rrr"> <img src="{{ asset('frontend/images/down.png') }}" /> Free
                                App</h5>
                            <p class="card-text whclr">Tracknsync FREE app lets
                                you track infinite devices &
                                individuals on just one
                                screen! Track them all!</p>
                            <br>
                        </div>
                    </div>
                </div>
                <div class="col-md-6" style="  position: relative;">
                    <img src="{{ asset('frontend/images/thumb.png') }}" class="mgthumb" />
                </div>
            </div>
        </div>
        <div class="w-100 py-1 theme-bg border "></div>
        <br>
    </section>
    <!-- About us -->
    <section class="aboutus mt-5">
        <div class="container ">
            <div class="row">
                <div class="col-md-6">
                    <div>
                        <h3 class="theme-color">About Us</h3>
                        <div class="linebottomOne"></div>
                    </div>
                    <div>
                        <p>Welcome to our world of innovation in vehicle tracking solutions. Established in 2016, we take
                            pride in being a premier manufacturer of AIS 140 Device and other cutting-edge vehicle tracking
                            devices, all proudly made in India. With a commitment to excellence, we provide advanced
                            solutions to enhance vehicle tracking, safety, and efficiency, delivering the reliability and
                            quality you can trust.</p>
                        <a href="" class="gradient-btnBlue">Enquire Now</a>
                        <a href="" class="gradient-btn ms-2">Read More</a>
                    </div>
                </div>
                <div class="col-md-6 d-flex justify-content-end">
                    <img class="" src="{{ asset('frontend/images/4b4ca7b17d26f712bb9b04e4a40a715c (1).gif') }}"
                        alt="" />
                </div>
            </div>
        </div>
    </section>

    <!-- Mission  -->
    <section class="ourmission mt-5">
        <div class="container">
            <div class="row">
                <div class="col-md-1">
                </div>

                <div class="col-md-4">
                    <img class="" src="{{ asset('frontend/images/mobilecar.png') }}" width="100%" />
                </div>



                <div class="offset-md-2 col-md-5">
                    <div>
                        <h3 class="theme-color">Our Mission</h3>
                        <p>Discover our cutting-edge AIS 140 compliant
                            products, designed to elevate your
                            transportation system's efficiency and
                            safety.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Vision -->
    <section class="ourmission mt-5">
        <div class="container">
            <div class="row">

                <div class=" col-md-5 align-self-center">
                    <div>
                        <h3 class="theme-color">Our Vision</h3>
                        <p>Discover our cutting-edge AIS 140 compliant
                            products, designed to elevate your
                            transportation system's efficiency and
                            safety.</p>
                    </div>
                </div>

                <div class=" offset-md-2 col-md-5">
                    <img class="w-100" src="{{ asset('frontend/images/mob.gif') }}" />
                </div>
            </div>
        </div>
    </section>

    <section class="thumbdiv">
        <br>
        <div class="w-100 py-1 theme-bg border "></div>

        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <div class="testimonials">
                        <div>
                            <figure class="testimonial">
                                <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                </blockquote>
                                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQw2qbkAJITwS1cD7tMI7D4qXZAWCfgzHaC07PkERmrl-jiXaUi"
                                    alt="image-1" />
                                <div class="user">
                                    <h3>User Name</h3>
                                    <p class="identify">Data Scientist</p>
                                </div>
                            </figure>
                        </div>

                        <div>
                            <figure class="testimonial">
                                <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                </blockquote>
                                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQw2qbkAJITwS1cD7tMI7D4qXZAWCfgzHaC07PkERmrl-jiXaUi"
                                    alt="image-2" />
                                <div class="user">
                                    <h3>User Name</h3>
                                    <p class="identify">Web Designer</p>
                                </div>
                            </figure>
                        </div>
                        <div>
                            <figure class="testimonial">
                                <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                </blockquote>
                                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQw2qbkAJITwS1cD7tMI7D4qXZAWCfgzHaC07PkERmrl-jiXaUi"
                                    alt="image-3" />
                                <div class="user">
                                    <h3>User Name</h3>
                                    <p class="identify">Ui Designer</p>
                                </div>
                            </figure>
                        </div>

                        <div>
                            <figure class="testimonial">
                                <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
                                    dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                </blockquote>
                                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQw2qbkAJITwS1cD7tMI7D4qXZAWCfgzHaC07PkERmrl-jiXaUi"
                                    alt="image-4" />
                                <div class="user">
                                    <h3>User Name</h3>
                                    <p class="identify">Illustrator</p>
                                </div>
                            </figure>
                        </div>
                    </div>
                </div>


                <div class="col-md-5">
                    <div class="str">
                        <div class="srat">
                            <p style="margin: 0px">
                                <span style="border: 2px solid white;  padding: 0px 10px;  border-radius: 20px;"> 5 </span>
                            </p>
                            <h4 style="margin: 0px"> Star Rating</h4>
                        </div>

                        ★★★★★★
                    </div>
                </div>

            </div>
        </div>
        <div class="w-100 py-1 theme-bg border "></div>
        <br>
    </section>

    <style>
        .carbk {
            background-image: url('{{ asset('frontend/images/carback.png') }}');
            background-size: cover;
        }
    </style>
    <!-- Real Time tracking -->
    <section class="realtime-tracking mt-5 carbk">
        <div class="container">
            <div class="row d-flex align-items-center">
                <div class="col-md-6">
                    <div class="realtimediv">
                        <h3 class="Empowerheading">Empower in a Real Time Tracking</h3>
                        <p class="realtimepara">Engineered to encourage real-time updates, India's largest telematics & iOT
                            provider Acute Communication allows you to go above andbeyond simply mapping out dots on a map.
                            With its ahead-of-times GPS tracking hardware and fleet GPS tracking Software solutions, it
                            issuccessfully curating custom-tailored solutions including exact GPS co-ordinates, instant
                            generation of alerts related to possible theft andany remote case of any unauthorised usage. In
                            addition to this, you can map and manage your company's growth while improvingfunctional
                            efficiency and reducing operating costs with our feature-rich suite of tools. </p>
                        <div class="mt-4">
                            <a href="" class="gradient-btn gradient-btn-about ms-2">Find Your Solution</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">

                </div>
            </div>
        </div>

    </section>
    <!-- Our valued customer -->
@endsection