{{ 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
                                    white-color">Not Found</h1>
                            <div class="ltn__breadcrumb-list">
                                <ul>
                                    <li><a href="{{ home }}">Home</a></li>
                                    <li><a href="{{ shop }}">404</a></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BREADCRUMB AREA END -->

    <div class="container my-5">
      <div class="row">
        {{ column_left }}
        {% if column_left and column_right %}
          {% set class = 'col-sm-6' %}
        {% elseif column_left or column_right %}
          {% set class = 'col-sm-9' %}
        {% else %}
          {% set class = 'col-sm-12' %}
        {% endif %}

        <div id="content" class="{{ class }}">
          <div class="bg-page-404 card border-0 shadow-sm text-center p-4 p-md-5">
            <div class="row align-items-center">
              <div class="col-md-6 mb-4 mb-md-0">
                <img src="image/catalog/404/404-image.png" alt="Page not found" class="img-responsive center-block" style="max-width: 260px;">
              </div>

              <div class="col-md-6">
                <h1 class="mb-3">Sorry, the page you’re looking for can’t be found.</h1>
                <p class="mb-4">
                  The page may have been moved, deleted, or the URL might be incorrect.
                  Please use the options below to continue browsing our website.
                </p>

                <div class="error-actions d-flex flex-wrap justify-content-center gap-2">
                  <a href="{{ home }}" class="btn theme-btn-1 btn-effect-1 text-uppercase">Go to Homepage</a>
                  <a href="{{ products }}" class="btn theme-btn-1 btn-effect-1 text-uppercase">Explore Products</a>
                  <a href="{{ contact }}" class="btn theme-btn-1 btn-effect-1 text-uppercase">Contact Support</a>
                </div>

                {{ content_bottom }}
              </div>
            </div>
          </div>
        </div>

        {{ column_right }}
      </div>
    </div>
{{ footer }}