{#
****************************************************** 
 * @package SO Framework for Opencart 3.x
 * @author  http://www.opencartworks.com
 * @license GNU General Public License
 * @copyright(C) 2008-2017 opencartworks.com
 ******************************************************
#}
<!DOCTYPE html>
<html class="no-js" dir="{{ direction }}" lang="{{ lang }}">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{ title }}</title>
    <base href="{{ base }}" />
    {% if robots %}
        <meta name="robots" content="{{ robots }}">
    {% endif %}

    <meta name="google-site-verification" content="iIPQzg3JUEax5-xYCCKtGnZOF4lnQM1r_nFVpS4mSBs" />
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    {% if description %}<meta name="description" content="{{ description }}" />{% endif %}
    <link rel="shortcut icon" href="{{ base }}catalog/view/theme/vb/img/favicon.png" type="image/x-icon" />

{% set time = date().timestamp %}
    <!-- Styles -->
    <link rel="stylesheet" href="{{ base }}catalog/view/theme/vb/css/font-icons.css?{{ time }}">
    <link rel="stylesheet" href="{{ base }}catalog/view/theme/vb/css/plugins.css?{{ time }}">
    <link rel="stylesheet" href="{{ base }}catalog/view/theme/vb/css/style.css?{{ time }}">
    <link rel="stylesheet" href="{{ base }}catalog/view/theme/vb/css/responsive.css?{{ time }}">

    <!-- Scripts -->
    <script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js"></script>

    <style>
        .ltn__header-4 .ltn__header-middle-area.sticky-active,
        .ltn__header-5 .ltn__header-middle-area.sticky-active,
        .ltn__header-4 .ltn__header-middle-area,
        .ltn__header-5 .ltn__header-middle-area {
            padding: 0px !important;
        }
    </style>

    <!-- Google tag -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-HGG77PWLXR"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-HGG77PWLXR');
    </script>
</head>

<body class="{{ cls_body }}">
    <div class="body-wrapper">
        <!-- HEADER AREA START -->
        <header class="ltn__header-area ltn__header-5 ltn__header-transparent gradient-color-2">
            <div class="ltn__header-middle-area ltn__header-sticky ltn__sticky-bg-black sticky-active-into-mobile plr--9---" style="background-color:white;">
                <div class="container col-12">
                    <div class="row align-items-center" style="padding: 20px 0;">
                        <div class="col-8 col-md-8 col-lg-7">
                            <div class="logo-with-search-bar">
                                <div class="site-logo">
                                <a href="{{ base }}"><img class="log" src="{{ base }}catalog/view/theme/vb/img/main-logo.png" alt="Logo"></a>
                            </div>
                            <div class="header-search-wrap d-none d-xl-block">
                                <div class="form_main d-lg-block ltn__utilize-menu-search-form position-relative">
                                    <form method="get" action="index.php">
                                        <input type="hidden" name="route" value="product/all">
                                        <input type="text" name="filter" value="" placeholder="Search Product here...">
                                        <button><?xml version="1.0" encoding="iso-8859-1"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 488.4 488.4" xml:space="preserve">
<g>
	<g>
		<path d="M0,203.25c0,112.1,91.2,203.2,203.2,203.2c51.6,0,98.8-19.4,134.7-51.2l129.5,129.5c2.4,2.4,5.5,3.6,8.7,3.6
			s6.3-1.2,8.7-3.6c4.8-4.8,4.8-12.5,0-17.3l-129.6-129.5c31.8-35.9,51.2-83,51.2-134.7c0-112.1-91.2-203.2-203.2-203.2
			S0,91.15,0,203.25z M381.9,203.25c0,98.5-80.2,178.7-178.7,178.7s-178.7-80.2-178.7-178.7s80.2-178.7,178.7-178.7
			S381.9,104.65,381.9,203.25z"/>
	</g>
</g>
</svg></button>
                                    </form>
                                </div>
                               
                            </div>
                            </div>
                        </div>
                        <div class="col-4 col-md-4 col-lg-5 ltn__header-options ltn__header-options-2 justify-content-end">
                            <!-- Search Bar -->
                             <!-- <pre>
Cart Quantity: {{ cart_quantity }}
Cart Unique Items: {{ cart_unique_items }}
</pre> -->

                            <div class="cart-user-icon">
                               <div class="items">
                                    <div class="icon-box">
                                        <div class="icon">
                                            <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.4941 3.36652H4.73614L4.69414 3.01552C4.60819 2.28593 4.25753 1.61325 3.70863 1.12499C3.15974 0.636739 2.45077 0.366858 1.71614 0.366516H0.494141V2.36652H1.71614C1.96107 2.36655 2.19748 2.45647 2.38051 2.61923C2.56355 2.78199 2.68048 3.00626 2.70914 3.24952L4.29414 16.7175C4.38009 17.4471 4.73076 18.1198 5.27965 18.608C5.82855 19.0963 6.53751 19.3662 7.27214 19.3665H20.4941V17.3665H7.27214C7.02705 17.3665 6.79052 17.2764 6.60747 17.1134C6.42441 16.9505 6.30757 16.7259 6.27914 16.4825L6.14814 15.3665H22.3301L24.4941 3.36652ZM20.6581 13.3665H5.91314L4.97214 5.36652H22.1011L20.6581 13.3665Z" fill="#253D4E"/>
<path d="M7.49414 24.3665C8.59871 24.3665 9.49414 23.4711 9.49414 22.3665C9.49414 21.2619 8.59871 20.3665 7.49414 20.3665C6.38957 20.3665 5.49414 21.2619 5.49414 22.3665C5.49414 23.4711 6.38957 24.3665 7.49414 24.3665Z" fill="#253D4E"/>
<path d="M17.4941 24.3665C18.5987 24.3665 19.4941 23.4711 19.4941 22.3665C19.4941 21.2619 18.5987 20.3665 17.4941 20.3665C16.3896 20.3665 15.4941 21.2619 15.4941 22.3665C15.4941 23.4711 16.3896 24.3665 17.4941 24.3665Z" fill="#253D4E"/>
</svg>
<span class="counter-number cart-count">{{ cart_quantity }}</span>
                                        </div>
                                        <div class="contents">Cart</div>
                                    </div>
                                    <ul class="dropdown-box">
                                        <li><a href="{{ shopping_cart }}">View Cart</a></li>
                                        <li><a href="{{ checkout }}">Checkout</a></li>
                                    </ul>
                               </div>
                               <div class="items">
                                    <div class="icon-box">
                                        <div class="icon">
                                            <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_28_1096)">
<mask id="mask0_28_1096" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
<path d="M24.4443 0.366516H0.444336V24.3665H24.4443V0.366516Z" fill="white"/>
</mask>
<g mask="url(#mask0_28_1096)">
<path d="M21.4443 24.3665H19.4443V19.3235C19.4435 18.5395 19.1317 17.7879 18.5774 17.2335C18.023 16.6791 17.2713 16.3673 16.4873 16.3665H8.40134C7.61733 16.3673 6.86567 16.6791 6.3113 17.2335C5.75693 17.7879 5.44513 18.5395 5.44434 19.3235V24.3665H3.44434V19.3235C3.44592 18.0093 3.96869 16.7494 4.89796 15.8201C5.82723 14.8909 7.08714 14.3681 8.40134 14.3665H16.4873C17.8015 14.3681 19.0614 14.8909 19.9907 15.8201C20.92 16.7494 21.4427 18.0093 21.4443 19.3235V24.3665Z" fill="#253D4E"/>
<path d="M12.4443 12.3665C11.2577 12.3665 10.0976 12.0146 9.11092 11.3553C8.12422 10.696 7.35519 9.75898 6.90106 8.66262C6.44694 7.56626 6.32812 6.35986 6.55963 5.19598C6.79114 4.03209 7.36258 2.96299 8.2017 2.12388C9.04081 1.28476 10.1099 0.713318 11.2738 0.481807C12.4377 0.250296 13.6441 0.369116 14.7404 0.823242C15.8368 1.27737 16.7739 2.0464 17.4332 3.0331C18.0924 4.01979 18.4443 5.17983 18.4443 6.36652C18.4427 7.95733 17.8101 9.48253 16.6852 10.6074C15.5604 11.7323 14.0352 12.3649 12.4443 12.3665ZM12.4443 2.36652C11.6532 2.36652 10.8799 2.60111 10.2221 3.04064C9.56426 3.48017 9.05157 4.10488 8.74882 4.83579C8.44607 5.56669 8.36686 6.37096 8.5212 7.14688C8.67554 7.9228 9.0565 8.63554 9.61591 9.19495C10.1753 9.75436 10.8881 10.1353 11.664 10.2897C12.4399 10.444 13.2442 10.3648 13.9751 10.062C14.706 9.75929 15.3307 9.2466 15.7702 8.5888C16.2097 7.931 16.4443 7.15764 16.4443 6.36652C16.4443 5.30565 16.0229 4.28824 15.2728 3.53809C14.5226 2.78795 13.5052 2.36652 12.4443 2.36652Z" fill="#253D4E"/>
</g>
</g>
<defs>
<clipPath id="clip0_28_1096">
<rect width="25" height="25" fill="white"/>
</clipPath>
</defs>
</svg>
                                        </div>
                                        <div class="contents">Account</div>
                                    </div>
                                    <ul class="dropdown-box">
                                        {% if is_logged_in %}
                                                    <li><a href="{{ account }}">Account</a></li>
                                                    <li><a href="{{ logout }}">Log Out</a></li>
                                                {% else %}
                                                    <li><a href="{{ login }}">Log in</a></li>
                                                    <li><a href="{{ register }}">Register</a></li>
                                                {% endif %}
                                    </ul>
                               </div>
                            </div>

                            <!-- Mobile Menu Toggle -->
                            <div class="mobile-menu-toggle d-xl-none">
                                <a href="#ltn__utilize-mobile-menu" class="ltn__utilize-toggle">
                                    <svg viewBox="0 0 800 600">
                                        <path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" id="top"></path>
                                        <path d="M300,320 L540,320" id="middle"></path>
                                        <path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" id="bottom" transform="translate(480, 320) scale(1, -1) translate(-480, -318) "></path>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Desktop Main Menu -->
                <div class="desktop-main-menu d-none d-xl-block">
                    <div class="inner-div">
                        <div class="header-menu">
                            <nav>
                                <div class="ltn__main-menu container p-0">
                                    <ul>
                                        <li><a href="{{ base }}">Home</a></li>
                                        <li><a href="{{ about }}">About Us</a></li>
                                        {% if categories|length > 0 %}
                                            {% for category in categories %}
                                                {% if category.children|length > 0 %}
                                                    <li class="dropdown">
                                                        <a href="javascript:void(0);">{{ category.name }} <svg class="svg-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M507.8 727.728a30.016 30.016 0 0 1-21.288-8.824L231.104 463.496a30.088 30.088 0 0 1 0-42.568 30.088 30.088 0 0 1 42.568 0l234.128 234.128 234.16-234.128a30.088 30.088 0 0 1 42.568 0 30.088 30.088 0 0 1 0 42.568L529.08 718.904a30 30 0 0 1-21.28 8.824z" /></svg></a>
                                                        <ul class="dropdown-menu">
                                                            <li><a href="{{ category.href }}">All</a></li>
                                                            {% for child in category.children %}
                                                                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                                                            {% endfor %}
                                                        </ul>
                                                    </li>
                                                {% else %}
                                                    <li><a href="{{ category.href }}">{{ category.name }}</a></li>
                                                {% endif %}
                                            {% endfor %}
                                        {% endif %}
                                        <li><a href="{{ branches }}">Branches</a></li>
                                        <li><a href="{{ gallery }}">Gallery</a></li>
                                        <li><a href="{{ blog }}">Blog</a></li>
                                    </ul>
                                </div>
                            </nav>
                            <a href="" class="support-header"><div class="icon-box">
                                <svg width="36" height="30" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31.5 15.636V13.5C31.5 9.9196 30.0777 6.4858 27.546 3.95406C25.0142 1.42232 21.5805 0 18 0C14.4196 0 10.9858 1.42232 8.45411 3.95406C5.92236 6.4858 4.50005 9.9196 4.50005 13.5V15.636C2.92679 16.3287 1.63925 17.5409 0.85298 19.0696C0.0667122 20.5983 -0.170561 22.3506 0.180884 24.0334C0.532329 25.7161 1.45116 27.227 2.78355 28.3132C4.11595 29.3994 5.78103 29.9949 7.50005 30H10.5V15H7.50005V13.5C7.50005 10.7152 8.60629 8.0445 10.5754 6.07538C12.5446 4.10625 15.2153 3 18 3C20.7848 3 23.4555 4.10625 25.4247 6.07538C27.3938 8.0445 28.5 10.7152 28.5 13.5V15H25.5V27H19.5V30H28.5C30.2191 29.9949 31.8841 29.3994 33.2165 28.3132C34.5489 27.227 35.4678 25.7161 35.8192 24.0334C36.1707 22.3506 35.9334 20.5983 35.1471 19.0696C34.3608 17.5409 33.0733 16.3287 31.5 15.636ZM7.50005 27C6.30657 27 5.16198 26.5259 4.31807 25.682C3.47415 24.8381 3.00005 23.6935 3.00005 22.5C3.00005 21.3065 3.47415 20.1619 4.31807 19.318C5.16198 18.4741 6.30657 18 7.50005 18V27ZM28.5 27V18C29.6935 18 30.8381 18.4741 31.682 19.318C32.5259 20.1619 33 21.3065 33 22.5C33 23.6935 32.5259 24.8381 31.682 25.682C30.8381 26.5259 29.6935 27 28.5 27Z" fill="#253D4E"/>
</svg>
                            </div>
                            <div class="contents">
                                <h4>+919859698796</h4>
                                <p>24/7 Support Center</p>
                            </div>
                        </a>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- HEADER AREA END -->

        <div id="ltn__utilize-mobile-menu" class="ltn__utilize ltn__utilize-mobile-menu">
        <div class="ltn__utilize-menu-inner ltn__scrollbar">
            <div class="ltn__utilize-menu-head">
                <div class="site-logo">
                    <a href="{{ base }}"><img src="{{ base }}catalog/view/theme/vb/img/main-logo.png" alt="Logo"></a>
                </div>
                <button class="ltn__utilize-close">×</button>
            </div>
            <div class="ltn__utilize-menu-search-form">
                <form  method="get" action="index.php">
                    <input type="hidden" name="route" value="product/all">
                    <input type="text" placeholder="Search..." name="filter" value="" required>
                    <button type="submit"><i class="fas fa-search"></i></button>
                </form>
            </div>
            <div class="ltn__utilize-menu">
                <ul>
                    <li><a href="{{ base }}">Home</a></li>
                    <li><a href="{{ about }}">About Us</a></li>
                    {% if categories|length > 0 %}
                                            {% for category in categories %}
                                                {% if category.children|length > 0 %}
                    <li><span class="menu-expand"></span><a href="javascript:void(0);">{{ category.name }}</a>
                        <ul class="sub-menu">
                            {% for child in category.children %}
                                                                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                                                            {% endfor %}
                        </ul>
                    </li>
                    {% else %}
                    <li><a href="{{ category.href }}">{{ category.name }}</a></li>
                     {% endif %}
                                            {% endfor %}
                                        {% endif %}
                                        <li><a href="{{ branches }}">Branches</a></li>
                                        <li><a href="{{ gallery }}">Gallery</a></li>
                                        <li><a href="{{ blog }}">Blog</a></li>
                    
                </ul>
            </div>
            <div class="ltn__utilize-buttons ltn__utilize-buttons-2">
                <ul>
                    {% if is_logged_in %}
                    <li>
                        <a href="{{ account }}" title="My Account">
                            <span class="utilize-btn-icon">
                                <i class="far fa-user"></i>
                            </span>
                            My Account
                        </a>
                    </li>
                    {% else %}
                    <li>
                        <a href="{{ login }}" title="My Account">
                            <span class="utilize-btn-icon">
                                <i class="far fa-user"></i>
                            </span>
                            My Account
                        </a>
                    </li>
                    {% endif %}
                    <!-- <li>
                        <a href="wishlist.html" title="Wishlist">
                            <span class="utilize-btn-icon">
                                <i class="far fa-heart"></i>
                                <sup>3</sup>
                            </span>
                            Wishlist
                        </a>
                    </li> -->
                    <li>
                        <a href="{{ shopping_cart }}" title="Shoping Cart">
                            <span class="utilize-btn-icon">
                                <i class="fas fa-shopping-cart"></i>
                                <sup class="cart-count">{{ cart_quantity }}</sup>
                            </span>
                            Shoping Cart
                        </a>
                    </li>
                </ul>
            </div>
            <div class="ltn__social-media-2">
                <ul>
                    <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                    <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                    <li><a href="#" title="Linkedin"><i class="fab fa-linkedin"></i></a></li>
                    <li><a href="#" title="Instagram"><i class="fab fa-instagram"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="ltn__utilize-overlay"></div>

        {% if add_breadcrumb %}
            <style> ul.breadcrumb { display: none; } </style>
            <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">Account</h1>
                                    <div class="ltn__breadcrumb-list">
                                        <ul>
                                            <li><a href="{{ base }}">Home</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}




