{{ header }}

<!-- BREADCRUMB AREA START -->
    <div class="ltn__breadcrumb-area ltn__breadcrumb-area-2 ltn__breadcrumb-color-white bg-overlay-theme-black-90 bg-image" data-bg="{{ base }}catalog/view/theme/vb/img/banner/B1.png">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ltn__breadcrumb-inner ltn__breadcrumb-inner-2 justify-content-between">
                        <div class="section-title-area ltn__section-title-2">
                            <h6 class="section-subtitle ltn__secondary-color">Welcome to v Believers</h6>
                            <h1 class="section-title">Compliance Details</h1>
                            <div class="ltn__breadcrumb-list">
                                <ul>
                                    <li><a href="{{ base }}">Home</a></li>
                                    <li>Compliance Details</li>
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BREADCRUMB AREA END -->

    <!-- Gallery area start -->
    <div class="ltn__gallery-area mb-50">
        <div class="container">
            <div class="doc-wrapper">
                <div class="doc-inner-wrapper"> 
                    <div class="doc-header">
                        <div  class="doc-header-item">
                            <h5>Nodal Officer</h5>
                        </div>
                        <div class="doc-header-item">
                            <h5>
                                Grievance Officer
                            </h5>
                        </div>
                    </div>
                    <div class="doc-header-content">
                                <div class="doc-header-content-inner">
                                    <div class="doc-header-content-item">
                                        <div>
                                            <p>
                                                <strong>Name of the Office</strong>
                                            </p>
                                        </div>
                                        <div>
                                            <p>
                                            Mr.Santosh Kumar
                                            </p>
                                        </div>
                                    </div>
                                    <div  class="doc-header-content-item">
                                        <div valign="top">
                                            <p>
                                                <strong>Address</strong>
                                            </p>
                                        </div>
                                        <div>
                                            <p>
                                                Flat Nol03,B Block,
                                            </p>
                                            <p>
                                                Zirakpur, Springdale Tower |VIP Road,SAS Nagar,
                                            </p>
                                            <p>
                                                Mohali Punjab 140603
                                            </p>
                                        </div>
                                    </div>
                                </div>
                        <div class="doc-header-content-inner">
                                    <!-- <div>
                                        <div>
                                            <p style="margin: 0; font-weight: bold;">
                                                Name of the Office
                                            </p>
                                        </div>
                                        <div>
                                            <p style="margin: 0;">
                                                Parveenkamboj
                                            </p>
                                        </div>
                                    </div>
                                    <div>
                                        <div valign="top">
                                            <p style="margin: 0; font-weight: bold;">
                                                Address
                                            </p>
                                        </div>
                                        <div>
                                            <p style="margin: 0;">
                                                DhaniSucha Singh,
                                                </p>
                                            <p style="margin: 0;">
                                                Basian Fazikla 152117,
                                            </p>
                                        </div>
                                    </div> -->
                                    <div class="doc-header-content-item">
                                        <div>
                                            <p>
                                                <strong>Name of the Office</strong>
                                            </p>
                                        </div>
                                        <div>
                                            <p style="margin: 0;">
                                                Anjali
                                            </p>
                                        </div>
                                    </div>
                                    <div class="doc-header-content-item">
                                        <div>
                                            <p>
                                                <strong>Address</strong>
                                            </p>
                                        </div>
                                        <div>
                                            <p>
                                                #Sain majra P.O Akbarpur
                                            </p>
                                            <p>
                                                Teh.Naraingarh Distt.AMBALA134203
                                            </p>
                                        </div>
                                    </div>
                        </div> 
                    </div> 
                </div>
            <div  class="doc-imgs-wrapper">

                    <div class="doc-imgs-header">
                            Title Of The Documents
                    </div>
                        <div class="doc-imgs-inner">
                            {% set increment = 1 %}
                            {% for image in docs %}
                            <div class="doc-img-item">
                                <div class="ltn__gallery-item filter_category_{{ image.cat_id }}">
                                    <div class="ltn__gallery-item-inner">
                                        <div class="ltn__gallery-item-img" style="max-height: 250px;">
                                            <a href="{{ image.image_url }}" data-rel="lightcase:myCollection">
                                                <img src="{{ image.image_url }}" alt="Image">
                                                <span class="ltn__gallery-action-icon">
                                                    <i class="fas fa-search"></i>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="ltn__gallery-item-info">
                                            <h4><a href="javascript:void(0)">{{ image.prod_name }}</a></h4>
                                            <!-- <p>{{ image.prod_des }}</p> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                             {% set increment = increment + 1 %}   
                            {% endfor %}
                        </div>
            </div>

            </div>
        </div>
    </div>
    <!-- Gallery area end -->
{{ footer }}