@extends('layouts.site')
@section('title')
{{ $cat->title ?? 'default Title' }}
@endsection
@section('facebook_meta')
<meta name="keywords" content="{{ $cat->keywords ?? 'default Title' }}"/>
<meta name="description" content="{{ $cat->description ?? 'default Title' }}"/>
 <link rel="canonical" href="{{ route('site.service',$cat->name ?? 'default Title')}}" /> 
{!! $cat->head_tag ?? 'default Title' !!}
@endsection
@section('site')
        <div role="main" class="main">
            <div class="home-intro" style="background-image: url({{ asset('storage/uploads/Banner') . '/' . ($cat->banner_img ?? 'Deafult Title.jpg') }}">
                <div class="container">

                    <div class="row align-items-center">
                        <div class="col-lg-8">
                            <p style="color:white;">
                                <span class="highlighted-word" style="color:white;">{{ $cat->category_name ?? 'Default Title' }}</span>
                                <br>India's No 1 {{ $cat->category_name ?? 'Default Title' }} Company, 100% Trusted IT
                                Company in
                                Rajkot Gujarat India 9 years of expertise in IT Field.
                                <span class="highlighted" style="color:white;">Devweb Technology is a leading
                                    {{ $cat->category_name ?? 'Default Title' }} company in
                                    Gujarat India with years of experience in
                                    {{ $cat->category_name ?? 'Default Title' }} and
                                    custom software's for various enterprises.
                                    We offers {{ $cat->category_name ?? 'Default Title' }} services that strengthen
                                    your
                                    business and help you boost revenue.</span>
                            </p>
                        </div>
                        <div class="col-lg-4">
                            <div class="get-started text-start text-lg-end">
                                <a data-bs-toggle="modal" data-bs-target="#largeModal"
                                    class="btn btn-dark btn-lg text-3 font-weight-semibold px-4 py-3"
                                    style="background-color:black;">Get A Quote</a>
                                <div class="learn-more"><a href="{{ route('site.ourservice') }}">Our Service</a>
                                </div>

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

                </div>
            </div>
            <div class="modal fade" id="largeModal" tabindex="-1" role="dialog" aria-labelledby="largeModalLabel"
                aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header" style="background-color:#f04c23;">
                            <h3 class="font-weight-bold text-transform-none text-7 line-height-2 mb-3 modal-title"
                                id="largeModalLabel" style="color:#fff;">Please fill your
                                requirements with Budget
                            </h3>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                aria-hidden="true">&times;</button>
                        </div>
                        <div class="modal-body">

                            <form action="{{ route('clientrequirements.store') }}" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="iwname">Your Name</label>
                                            <input type="text" class="form-control" name="iwname"
                                                placeholder="Enter Your Name">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="iwemail">Your Email</label>
                                            <input type="email" class="form-control" name="iwemail"
                                                placeholder="Enter Your Email Address">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="iwmobile">Contact Number</label>
                                            <input type="Number" class="form-control" name="iwmobile"
                                                placeholder="Enter Mobile Number">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="iwservice">Select Service</label>
                                            <select name="iwservice" class="form-control">
                                                <option value="Web Development">Web Development
                                                </option>
                                                <option value="Web Design">Web Design</option>
                                                <option value="E-Commerce">E-Commerce</option>
                                                <option value="Domain Registration">Domain
                                                    Registration</option>
                                                <option value="Application Development">
                                                    Application Development</option>
                                                <option value="Web Hosting">Web Hosting
                                                </option>
                                                <option value="GPS Tracker">GPS Tracker
                                                </option>
                                                <option value="Web Maintenance">Web Maintenance
                                                </option>
                                                <option value="Graphic Designing">Graphic
                                                    Designing</option>
                                                <option value="Search Engine Optimization">
                                                    Search Engine Optimization</option>
                                                <option value="Social Media Marketing">Social
                                                    Media Marketing</option>
                                                <option value="Pay Per Click">Pay Per Click
                                                </option>
                                                <option value="Other">Other</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="iwbudget">Select Budget</label>
                                            <select name="iwbudget" class="form-control">
                                                <option value="0 to 10k">0 to 10k</option>
                                                <option value="10k to 20k">10k to 20k</option>
                                                <option value="20k to 30k">20k to 30k</option>
                                                <option value="30k to 40k">30k to 40k</option>
                                                <option value="40k to 50k">40k to 50k</option>
                                                <option value="50k to 60k">50k to 60k</option>
                                                <option value="60k to 70k">60k to 70k</option>
                                                <option value="70k to 80k">70k to 80k</option>
                                                <option value="80k to 90k">80k to 90k</option>
                                                <option value="1 lakh +">1 lakh +</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group text-area">
                                    <label for="iwdescription">Description</label>
                                    <textarea name="iwdescription" class="form-control" rows="4" cols="50" required="" placeholder=""></textarea>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Iwdate">Date of Complitation</label>
                                            <input type="date" class="form-control" name="Iwdate"
                                                placeholder="Date">
                                        </div>
                                    </div>
                                </div>

                                <input type="submit" value="Request" class="btn btn-primary">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <section>
                <div id="aboutus" class="row align-items-xl-center">
                    <div class="container position-relative">
                        <div class="row align-items-center justify-content-center">
                            <div class="col-lg-6 pe-lg-5 mb-4 mb-lg-0">
                                {{-- <h2 class="text-color-primary font-weight-medium positive-ls-3 text-4 mb-0">About
                                    Company</h2> --}}
                                <h3 class="font-weight-bold text-transform-none text-9 line-height-2 mb-3">
                                    {{ $cat->cat_name ?? 'Default Title' }}</h3>
                                <p class="mb-0">{!! $cat->cat_desc ?? 'Default Title' !!}</p>
                            </div>
                            <div class="col-lg-6 appear-animation" data-appear-animation="fadeInRightShorter"
                                data-appear-animation-delay="500">
                                <img src="{{ asset('storage/uploads/catimg') . '/' . ($cat->cat_img ?? 'default-image.jpg') }}"
                                    class="img-fluid box-shadow-3 appear-animation"
                                    data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200"
                                    alt="" />
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    </section>
    <div class="container pt-3 mt-4">
        <div class="row">
            <div class="col">

                <div class="row row-gutter-sm align-items-center pb-0 mb-1">
                    <div class="col-lg-6 col-xl-7">
                        <div class="row flex-xl-nowrap align-items-center mb-4 mb-lg-0">
                            <div class="col-sm-auto mb-4 mb-sm-0">
                                <div class="d-flex appear-animation" data-appear-animation="fadeInRightShorter"
                                    data-appear-animation-delay="1000">
                                    <img width="63" height="63"
                                        src="{{ asset('assets/img/demos/business-consulting-3/icons/label.svg') }}"
                                        alt="" data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'd-lg-none d-xl-block'}" />
                                    <span class="text-2 font-weight-bold text-color-dark pt-2 ms-3">
                                        <strong class="d-block font-weight-bold text-10 mb-0">1000+</strong>
                                        Satisfied Clients
                                    </span>

                                    <span class="text-2 font-weight-bold text-color-dark pt-2 ms-3">
                                        <strong class="d-block font-weight-bold text-10 mb-0">200+</strong>
                                        International Clients
                                    </span>


                                </div>


                            </div>
                            <div class="col-sm-7 col-md-7">
                                <blockquote class="custom-blockquote-style-1 m-0 pt-1 pb-2 appear-animation"
                                    data-appear-animation="fadeInRightShorter" data-appear-animation-delay="1200">
                                    <p class="mb-0">Our Creative<b> {{ $cat->category_name ?? 'Default Title' }}
                                            Agency
                                            in India</b> <br> USA, UK, Canada, Australia, Dubai, Singapore, Europe. We
                                        work
                                        on an advanced-level strategy to exceed the client's goals and help.</p>
                                </blockquote>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 col-xl-5">
                        <div class="row row-gutter-sm align-items-center">
                            <div class="col-auto appear-animation" data-appear-animation="fadeInRightShorter"
                                data-appear-animation-delay="1400">
                                <a href="{{ asset('assets/img/Devweb Technology Brochure.pdf')}}"
                                    class="btn btn-primary custom-btn-style-1 font-weight-semibold btn-px-3 btn-py-2 text-3-5"
                                    data-cursor-effect-hover="plus"
                                    data-cursor-effect-hover-color="light"><span>Download
                                        Brochure</span></a>
                            </div>
                            <div class="col-auto appear-animation" data-appear-animation="fadeInRightShorter"
                                data-appear-animation-delay="1600">
                                <a href="{{ route('site.contact-us') }}"
                                    class="btn btn-dark custom-btn-style-1 font-weight-semibold btn-px-3 btn-py-2 text-3-5"
                                    data-cursor-effect-hover="plus"
                                    data-cursor-effect-hover-color="light"><span>Contact
                                        Us</span></a>
                            </div>
                            <div class="col-auto mt-4 mt-sm-0 appear-animation"
                                data-appear-animation="fadeInRightShorter" data-appear-animation-delay="1800">
                                <span class="d-flex align-items-center p-0">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="container">
					<div class="row pt-5 mt-3 pb-3">
					</div>
					<div class="row">
                        @foreach ($cities as $city)
						<div class="col-lg-6 mb-4 anim-hover-translate-top-10px transition-3ms">
							<div class="card">
								<div class="card-body p-4">
									<div class="d-flex">
										<div class="pt-2">
											<img width="70" height="43" src="img/demos/transportation-logistic/icons/service-1.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
										</div>
										<div class="ps-4">
											<h4 class="mb-2 text-5 font-weight-semi-bold">{{ $city->city_name ?? 'Default Title'}}</h4>
											<a href="{{ route('site.it-company', ['city_slug' => $city->city_slug]) ?? 'Default Title' }}" class="text-uppercase text-2-5 stretched-link text-decoration-underline text-color-primary text-color-hover-tertiary font-weight-semi-bold transition-2ms d-inline-block">View More</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						@endforeach
						<!--<div class="col-lg-6 mb-4 anim-hover-translate-top-10px transition-3ms">-->
						<!--	<div class="card">-->
						<!--		<div class="card-body p-5">-->
						<!--			<div class="d-flex flex-row">-->
						<!--				<div class="pt-2">-->
						<!--					<img width="70" height="26" src="img/demos/transportation-logistic/icons/service-2.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />-->
						<!--				</div>-->
						<!--				<div class="ps-4">-->
						<!--					<h4 class="mb-2 text-5 font-weight-semi-bold">Air Freight</h4>-->
						<!--					<p class="mb-2 font-weight-medium text-3">Lorem ipsum dolor sit amet, conse ctetur adipi scing elit.</p>-->
						<!--					<a href="#" class="text-uppercase text-2-5 stretched-link text-decoration-underline text-color-primary text-color-hover-tertiary font-weight-semi-bold transition-2ms d-inline-block">View More</a>-->
						<!--				</div>-->
						<!--			</div>-->
						<!--		</div>-->
						<!--	</div>-->
						<!--</div>-->
						<!--<div class="col-lg-6 mb-4 anim-hover-translate-top-10px transition-3ms">-->
						<!--	<div class="card">-->
						<!--		<div class="card-body p-5">-->
						<!--			<div class="d-flex flex-row">-->
						<!--				<div class="pt-2">-->
						<!--					<img width="58" height="49" src="img/demos/transportation-logistic/icons/service-3.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />-->
						<!--				</div>-->
						<!--				<div class="ps-4">-->
						<!--					<h4 class="mb-2 text-5 font-weight-semi-bold">Warehousing</h4>-->
						<!--					<p class="mb-2 font-weight-medium text-3">Lorem ipsum dolor sit amet, conse ctetur adipi scing elit.</p>-->
						<!--					<a href="#" class="text-uppercase text-2-5 stretched-link text-decoration-underline text-color-primary text-color-hover-tertiary font-weight-semi-bold transition-2ms d-inline-block">View More</a>-->
						<!--				</div>-->
						<!--			</div>-->
						<!--		</div>-->
						<!--	</div>-->
						<!--</div>-->
						<!--<div class="col-lg-6 mb-4 anim-hover-translate-top-10px transition-3ms">-->
						<!--	<div class="card">-->
						<!--		<div class="card-body p-5">-->
						<!--			<div class="d-flex flex-row">-->
						<!--				<div class="pt-2">-->
						<!--					<img width="70" height="26" src="img/demos/transportation-logistic/icons/service-2.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />-->
						<!--				</div>-->
						<!--				<div class="ps-4">-->
						<!--					<h4 class="mb-2 text-5 font-weight-semi-bold">Air Freight</h4>-->
						<!--					<p class="mb-2 font-weight-medium text-3">Lorem ipsum dolor sit amet, conse ctetur adipi scing elit.</p>-->
						<!--					<a href="#" class="text-uppercase text-2-5 stretched-link text-decoration-underline text-color-primary text-color-hover-tertiary font-weight-semi-bold transition-2ms d-inline-block">View More</a>-->
						<!--				</div>-->
						<!--			</div>-->
						<!--		</div>-->
						<!--	</div>-->
						<!--</div>-->
					</div>
				</div>
		    </div>		
    <section class="section section-height-4 section-with-shape-divider bg-color-grey border-0 pb-5 m-0">
        <div class="shape-divider" style="height: 123px;">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
                y="0px" viewBox="0 0 1920 123" preserveAspectRatio="xMinYMin">
                <polygon fill="#F4F4F4" points="0,90 221,60 563,88 931,35 1408,93 1920,41 1920,-1 0,-1 " />
                <polygon fill="#FFFFFF" points="0,75 219,44 563,72 930,19 1408,77 1920,25 1920,-1 0,-1 " />
            </svg>
        </div>
        <div class="container mt-4">
            <div class="row justify-content-center">
                <div class="col-lg-11 col-xl-10 text-center">
                    <h2 class="custom-highlight-text-1 d-inline-block line-height-5 text-4 positive-ls-3 font-weight-medium text-color-primary mb-2 appear-animation"
                        data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250">WHAT WE DO</h2>
                    <h3 class="text-9 line-height-3 text-transform-none font-weight-semibold mb-3 pb-1 appear-animation"
                        data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">Our {{ $cat->category_name ?? 'Default Title' }} Services
                    </h3>
                    <p class="lead font-weight-normal" appear-animation" data-appear-animation="fadeInUpShorter"
                        data-appear-animation-delay="750">IT services refers to the application of business and
                        technical
                        expertise to enable organizations in the creation, management and optimization of or access to
                        information and business processes. The IT services market can be segmented by the type of
                        skills
                        that are employed to deliver the service </p>
                </div>
            </div>

            <div class="row row-gutter-sm justify-content-center mb-5 appear-animation"
                data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1000">
                @foreach ($subcat as $items)
                    <div class="col-sm-9 col-md-6 col-lg-4 mb-4">
                        {{-- <a href="{{ route('site.service-detail', [ 'url' => $items->url]) }}"
                        class="custom-link-hover-effects text-decoration-none" data-cursor-effect-hover="plus"> --}}
                        <a href="{{ route('site.service-detail', [ 'url' => $items->url]) }}"
                            class="custom-link-hover-effects text-decoration-none" data-cursor-effect-hover="plus">
                            <!-- Link content goes here -->
                            <div class="card box-shadow-4">
                                <div class="card-img-top position-relative overlay overlay-show">
                                    <div class="position-absolute bottom-0 left-0 w-100 py-3 px-4 z-index-3">
                                        <h4 class="font-weight-semibold text-color-light text-6 mb-1">
                                            {{ $items->name ?? 'Default Title' }}</h4>
                                        <div class="custom-crooked-line">
                                            <img width="154" height="26"
                                                src="{{ asset('assets/img/demos/business-consulting-3/icons/infinite-crooked-line.svg') }}"
                                                alt="" data-icon
                                                data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}"
                                                style="width: 154px;" />
                                        </div>
                                    </div>
                                    <img src="{{ asset('storage/uploads/subcategory') . '/' . $items->image }}"
                                        class="img-fluid" alt=" {{ $items->name ?? 'Default Title' }}" />
                                </div>
                                <div class="card-body d-flex align-items-center custom-view-more px-4">
                                    <p class="card-text w-100 mb-0">{!! \Str::limit($items->desc, 180, '..') ?? 'Default Title' !!}</p>
                                    <img width="50" height="50" class="w-auto"
                                        src="{{ asset('assets/img/demos/business-consulting-3/icons/arrow-right.svg') }}"
                                        alt="" data-icon
                                        data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}"
                                        style="width: 50px;" />
                                </div>
                            </div>
                        </a>
                    </div>
                @endforeach

            </div>
        </div>
    </section>
    <div class="container mt-3">
        <h3 align="center"
            class="text-9 line-height-3 text-transform-none font-weight-semibold mb-3 pb-1 appear-animation"
            data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500" style="color: #f04c23;">Fasted
            Growing {{ $cat->category_name ?? 'Default Title' }} Company In Rajkot Gujarat India.
        </h3>
        <p class="text-3-5 pb-0 mb-0 appear-animation" id="ckeditor" data-appear-animation="fadeInUpShorter"
            data-appear-animation-delay="750">{!! $cat->Services_desc ?? 'Default Title' !!}</p>
    </div>

    <div class="container">
        <div class="row align-items-center py-4 my-5 mb-lg-0 my-xl-5">
            <div class="col-lg-7 mb-5 mb-lg-0">
                <h2 class="text-9 line-height-3 text-transform-none font-weight-semibold mb-4">We offer
                    {{ $cat->category_name ?? 'Default Title' }} that achieves digital goals for Online businesses.
                </h2>
                <p class="mb-0">We ranked the best-performing {{ $cat->category_name ?? 'Default Title' }} companies
                    in
                    Rajkot Gujarat India. Learn more about each one by checking their reviews, rates, portfolio,
                    expertise.
                    Devweb Technology India's No 1 {{ $cat->category_name ?? 'Default Title' }} Company 100% Trusted
                    {{ $cat->category_name ?? 'Default Title' }} Agency. We Provide Unique and Best quality
                    {{ $cat->category_name ?? 'Default Title' }} at a Very Affordable Price. </p>
                <div class="progress-bars pb-4">
                    <div class="progress-label d-flex justify-content-between">
                        <span class="text-color-dark font-weight-semibold text-2">Website Development</span>
                        <span class="text-color-dark font-weight-semibold text-2">90%</span>
                    </div>
                    <div class="progress progress-xs progress-no-border-radius bg-color-grey mb-4">
                        <div class="progress-bar progress-bar-primary" data-appear-progress-animation="90%"></div>
                    </div>

                    <hr class="my-0">

                    <div class="progress-label d-flex justify-content-between pt-2">
                        <span class="text-color-dark font-weight-semibold text-2">Android Application</span>
                        <span class="text-color-dark font-weight-semibold text-2">80%</span>
                    </div>
                    <div class="progress progress-xs progress-no-border-radius bg-color-grey mb-4">
                        <div class="progress-bar progress-bar-primary" data-appear-progress-animation="80%"></div>
                    </div>

                    <hr class="my-0">

                    <div class="progress-label d-flex justify-content-between pt-2">
                        <span class="text-color-dark font-weight-semibold text-2">Digital Marketing</span>
                        <span class="text-color-dark font-weight-semibold text-2">50%</span>
                    </div>
                    <div class="progress progress-xs progress-no-border-radius bg-color-grey mb-4">
                        <div class="progress-bar progress-bar-primary" data-appear-progress-animation="50%"></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5">

                <div class="row align-items-center">
                    <div class="col-lg-6 pe-lg-5 mb-4 mb-lg-0">
                        <div class="featured-boxes featured-boxes-modern-style-1 box-shadow-3">
                        </div>
                    </div>
                    <div class="featured-boxes featured-boxes-modern-style-1 appear-animation"
                        data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"
                        data-plugin-options="{'accY': -400}">
                        <div class="featured-box py-5">
                            <div class="featured-box-background img-fluid"
                                style="background-image: url({{ asset('storage/uploads/youtubeimg') . '/' . ($cat->youtube_img ?? 'default-image.jpg') }}); background-size: cover; background-position: center;">
                            </div>
                            <div class="box-content px-lg-4 px-xl-5 py-lg-5 m-5">
                                <a class="text-decoration-none lightbox"
                                    href="{{ $cat->youtube ?? 'Default Title' }}"
                                    data-plugin-options="{'type':'iframe'}">
                                    <i class="fas fa-play featured-icon featured-icon-style-2 featured-icon-hover-effect-1 text-color-dark bg-light right-4 top-0 m-0 appear-animation"
                                        data-appear-animation="expandIn" data-appear-animation-delay="1200"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    {{$cat->category_name ?? 'Default Title'}} Company in Gujara | {{$cat->category_name ?? 'Default Title'}} Agency in Gujarat India | top {{$cat->category_name ?? 'Default Title'}} Services in Rajkot India  | {{$cat->category_name ?? 'Default Title'}} IT Company in India | Online {{$cat->category_name ?? 'Default Title'}} Services IT Company in Rajkot Gujarat India | Rajkot {{$cat->category_name ?? 'Default Title'}} Company | Top 10 {{$cat->category_name ?? 'Default Title'}} Services in India | Top Rated {{$cat->category_name ?? 'Default Title'}} Services IT Agency in Gujarat India | Award Winning {{$cat->category_name ?? 'Default Title'}} Services IT Company in India | Fasted Growing {{$cat->category_name ?? 'Default Title'}} Company In Rajkot Gujarat India.
    <section id="elements" class="section section-height-2 border-0 mt-5 mb-0 pt-5">

        <div class="container py-2">
            <div class="row mt-3 pb-4">
                <div class="col text-center">
                    <h2 class="font-weight-bold mb-0">Industry We Serve</h2>
                    <p class="lead text-4 pt-2 font-weight-normal">We Provide Services For Following Industries</p>
                </div>
            </div>
            <div class="row justify-content-center">

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/education website development it company in rajkot.svg') }}"
                                            width="50px" height="50px"
                                            alt="education website development it company{{$cat->category_name ?? 'Default Title'}}  in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Education</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/helath-care-website-design-and-devlopment-comapny.svg') }}"
                                            width="50px" height="50px"
                                            alt="helath-care-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Helth
                                        care</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/entertainment-website-design-and-development-mumbai.svg') }}"
                                            width="50px" height="50px"
                                            alt="entertainment-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Entertainment</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/finance-website-design-and-development.svg') }}"
                                            width="50px" height="50px"
                                            alt="finance-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Financial
                                        Services</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/business-website-design-and-development.svg') }}"
                                            width="50px" height="50px"
                                            alt="business-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Business</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/ecommerece-develoment-company-in-goregaon-mumbai.svg') }}"
                                            width="50px" height="50px"
                                            alt="ecommerece-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">E-Commerce</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/travel-website-design-and-development.svg') }}"
                                            width="50px" height="50px"
                                            alt="travel-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Tourism</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/logistics-website-design-development.svg') }}"
                                            width="50px" height="50px"
                                            alt="logistics-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Logistics</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/restaurants-website-design-and-development.svg') }}"
                                            width="50px" height="50px"
                                            alt="restaurants-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"><i
                                            class="fas fa-minus"></i></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Restaurants</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/real-estate-website-design-and-development.svg') }}"
                                            width="50px" height="50px"
                                            alt="Real-Estate-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Real
                                        Estate</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/industry-website-design-and-development.svg') }}"
                                            width="50px" height="50px"
                                            alt="industry-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Industry
                                        Oil & Gas</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/website-design-and-development.svg') }}"
                                            width="50px" height="50px"
                                            alt="website-design-and-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">IT
                                        Services</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid" src="{{ asset('assets/img/Taxi-cab-services.svg') }}"
                                            width="50px" height="50px" alt="Taxi-cab-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Taxi
                                        Services</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid" src="{{ asset('assets/img/Job-Consultancy.svg') }}"
                                            width="50px" height="50px" alt="Job-Consultancy-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Job
                                        Consultancy</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/Visa-consultancy (2).png') }}" width="40px"
                                            height="40px" alt="Visa-consultancy {{$cat->category_name ?? 'Default Title'}} Services Company in India" ></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Visa
                                        consultancy</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid"
                                            src="{{ asset('assets/img/devweb-technology- classroom.svg') }}"
                                            width="40px" height="40px" alt="classis-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">classis</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid" src="{{ asset('assets/img/Ceramic.png') }}"
                                            width="40px" height="40px" alt="Ceramic-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Ceramic</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-sm-4 col-lg-2">
                    <div
                        class="featured-boxes featured-boxes-modern-style-2 featured-boxes-modern-style-2-hover-only featured-boxes-modern-style-primary m-0 mb-4 pb-3">
                        <div class="featured-box featured-box-no-borders featured-box-box-shadow">
                            <a class="text-decoration-none">
                                <span class="box-content px-1 py-4 text-center d-block">
                                    <span class="text-primary text-8 position-relative top-3 mt-3"><img
                                            class="img-fluid" src="{{ asset('assets/img/Politics.svg') }}"
                                            width="40px" height="40px" alt="Politics-{{$cat->category_name ?? 'Default Title'}} Services Company in India"></span>
                                    <span class="elements-list-shadow-icon text-default"></span>
                                    <span
                                        class="font-weight-bold text-uppercase text-1 negative-ls-1 d-block text-dark pt-2">Politics</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
      @endsection