@include('site.includes.header')
<div class="page-content">
    @if($data->name == "Packaging")
        <div id="video-background">
            <div class="overlay"></div>
            <video  playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
                <source src="{{url('assets/frontend/packaging.mp4')}}" type="video/mp4">
            </video>
            <div class="container h-100">
                <div class="d-flex h-100 text-center align-items-center">
                    <div class="w-100 text-white">
                        <h1 class="text-uppercase text-center ">{{$data->name}}</h1>
                    </div>
                </div>
            </div>
        </div>
    @else()
        <div class="container-fluid category" style="background: linear-gradient(45deg, rgba(0,0,0, 0.5), rgba(0,0,0,0.2)), url({{url('uploads/category/'. $data->feature_image)}});">
            <div class="category-section-1">
                <h1 class="text-uppercase text-center ">{{$data->name}}</h1>
            </div>
        </div>
    @endif
    <div class="container-fluid cat-section-2">
        <div class="container pl-md-5 pr-md-5 pb-5">
            <div class=" card-section">
                <div class="row justify-content-center">