@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.training',$cat->slug ?? 'default Title')}}" /> 
{!! $cat->head_tag ?? 'default Title' !!}
@endsection
@section('site')
<div role="main" class="main">
    <div class="home-intro bg-primary" id="home-intro">
        <div class="container">

            <div class="row align-items-center">
                <div class="col-lg-8">
                    <p>
                        <span class="highlighted-word">{{ $cat->category_name ?? 'Default Title' }}</span> <br>
                        India's No 1 {{ $cat->category_name ?? 'Default Title' }} Company, 100% Trusted IT Training Institute in Rajkot Gujarat India 9
                        years of expertise in IT Field.
                        <span>Devweb Technology is a leading {{ $cat->category_name ?? 'Default Title' }} IT Training Center in Rajkot 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' }} Training to Boost Your Career Growth
                            revenue.</span>
                    </p>
                </div>
                <div class="col-lg-4">
                    <div class="get-started text-start text-lg-end">
                        <a href="{{ route('site.contact-us') }}"
                            class="btn btn-dark btn-lg text-3 font-weight-semibold px-4 py-3">Get Started</a>
                        <div class="learn-more"><a href="{{ route('site.our-training') }}">Our Training</a></div>

                    </div>
                </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->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="{{ $cat->cat_name ?? 'Default Title' }}" />
                    </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">
                        </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>
<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' }}
                    </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.training-detail', [ 'url' => $items->url]) }}"
                        class="custom-link-hover-effects text-decoration-none" data-cursor-effect-hover="plus"> --}}
                        <a href="{{ route('site.training-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->cat_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">STRATEGY ACCELERATION</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">REVENUE GROWTH</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">FIREWALK SALES</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>
 <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