ok

Mini Shell

Direktori : /proc/self/root/home2/selectio/www/ramali.in/html/
Upload File :
Current File : //proc/self/root/home2/selectio/www/ramali.in/html/index.html

<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from portotheme.com/html/wolmart/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 02 Aug 2023 07:07:26 GMT -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">

    <title>Wolmart - Marketplace Template</title>

    <meta name="keywords" content="Marketplace ecommerce responsive HTML5 Template" />
    <meta name="description" content="Wolmart is powerful marketplace &amp; ecommerce responsive Html5 Template.">
    <meta name="author" content="D-THEMES">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="assets/landing/images/favicon.png">

    <script>
        WebFontConfig = {
            google: { families: ['Poppins:400,600,700,800'] }
        };
        (function (d) {
            var wf = d.createElement('script'), s = d.scripts[0];
            wf.src = 'assets/js/webfont.min.js';
            wf.async = true;
            s.parentNode.insertBefore(wf, s);
        })(document);
    </script>
    
    <!-- Vendor CSS -->
    
    <!-- Landing CSS -->
    <link rel="stylesheet" type="text/css" href="assets/landing/css/landing-critical.min.css">
</head>

<body>
    <div class="page-wrapper">
        <h1 class="d-none">Wolmart - Marketplace HTML template</h1>

        <header class="header">
            <div class=" sticky-header fix-top sticky-content pt-md-6 pb-md-6 pt-4 pb-4">
                <div class="container-fluid">
                    <div class="header-left">
                        <a href="#" class="mobile-menu-toggle d-lg-none" aria-label="mobile-menu-toggle">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px"
                                viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
                                <line fill="none" stroke-width="3.028" stroke-linecap="square" stroke-linejoin="round"
                                    stroke-miterlimit="10" x1="17.953" y1="23.538" x2="52.047" y2="23.538" />
                                <line fill="none" stroke-width="3.028" stroke-linecap="square" stroke-linejoin="round"
                                    stroke-miterlimit="10" x1="17.953" y1="34.999" x2="52.047" y2="34.999" />
                                <line fill="none" stroke-width="3.028" stroke-linecap="square" stroke-linejoin="round"
                                    stroke-miterlimit="10" x1="17.953" y1="46.462" x2="34.707" y2="46.462" />
                            </svg>
                        </a>
                        <!-- End of Mobile Menu Toggle -->
                        <a href="index.html" class="logo mr-auto ml-auto mr-lg-6 ml-lg-0">
                            <img src="assets/landing/images/logo.png" width="145" height="45"
                                alt="Wolmart - Marketplace Template Logo">
                        </a>
                        <!-- End of Logo -->
                        <span class="h-divider d-none d-xl-block mr-6"></span>
                        <h4 class="change-log d-none d-xl-block text-white mb-0 pt-1">Change Log v1.1
                        </h4>
                        <!-- End of Change Log -->
                    </div>
                    <!-- End Of Header Left -->

                    <nav class="header-right">
                        <ul class="menu d-none d-lg-flex">
                            <li class="active"><a href="#section-overview">Overview</a></li>
                            <li><a href="#section-demos">Demos</a></li>
                            <li><a href="#section-features">Features</a></li>
                            <li><a href="#section-elements">Elements</a></li>
                            <li><a href="documentation.html">Documentation</a>
                            </li>
                            <li><a href="#footer-middle">Support</a></li>
                        </ul>
                        <!-- End of Menu -->
                        <a href="https://d-themes.com/buynow/wolmarthtml" target="_blank"
                            class="btn btn-dark btn-gradient btn-rounded grad-reverse">Buy Wolmart !</a>
                    </nav>
                    <!-- End of Header Right -->
                </div>
            </div>
        </header>
        <!-- End of Header -->

        <main class="main">
            <div class="page-content">
                <section class="intro-section rs-particles-interactive" id="section-overview">
                    <div class="intro-banner banner banner-fixed lazy-bg"
                        style="background-image: url(assets/landing/images/intro-bg.jpg); background-color: #242527;">
                        <div class="container">
                            <div class="banner-content y-50 ml-0 ml-sm-4 ml-md-6 ml-lg-8 ml-xl-0">
                                <h4 class="banner-subtitle text-gradient font-weight-bolder d-inline-block appear-animate"
                                    data-animation-options="{
                                    'name': 'fadeInUpShorter',
                                    'delay': '.2s'
                                }">Wolmart Marketplace Template</h4>
                                <h3 class="banner-title text-white ls-10 appear-animate" data-animation-options="{
                                        'name': 'fadeInUpShorter',
                                    'delay': '.6s'
                                }">The Most Powerful<br>Marketplace Template</h3>
                                <div class="appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter',
                                    'delay': '1s'
                                }">
                                    <p class="banner-desc text-white">The only html template that you will need to
                                        create an
                                        amazing multi-vendor site.<br>
                                        You'll be satisfied with a really smart template with a great UI/UX & market
                                        features.</p>
                                </div>
                                <a href="#section-features"
                                    class="btn btn-rounded btn-dark btn-gradient grad-reverse mb-2 appear-animate scroll-to"
                                    data-animation-options="{
                                    'name': 'fadeInUpShorter',
                                    'delay': '1.2s'
                                }">Explore Features</a>
                                <a href="#section-demos"
                                    class="btn btn-rounded btn-outline btn-white overflow-hidden mb-2 appear-animate scroll-to"
                                    data-animation-options="{
                                    'name': 'fadeInUpShorter',
                                    'delay': '1.2s'
                                }">View Demos</a>
                            </div>
                        </div>
                    </div>
                    <div class="intro-popup overflow-hidden">
                        <div class="container p-relative">
                            <div class="popup-content d-flex align-items-center position-relative appear-animate"
                                data-animation-options="{ 'name': 'maskRight', 'delay': '.2s', 'duration': '1s'}">
                                <div class="popup-text text-white z-index-1 mr-0 mr-xl-6 appear-animate"
                                    data-animation-options="{ 'name': 'fadeInRightShorter', 'delay': '1.6s'}">
                                    <h3 class="ls-normal font-weight-bold text-uppercase text-white">
                                        Create your
                                        own <span class="font-weight-bolder font-teritary">Multi-Vendor</span> Store
                                    </h3>
                                    <p class="ls-normal mb-0 mt-xl-0 mt-2">With new rising star - Wolmart, the
                                        professional marketplace html template
                                    </p>
                                </div>
                                <div class="z-index-1 mb-xl-0 mb-4 p-relative">
                                    <img src="assets/landing/images/favicon-bg.png" class="appear-animate"
                                        data-animation-options="{ 'name': 'rotateIn', 'delay': '0.2s', 'duration': '.5s'}"
                                        width="83" height="77" alt="Wolmart - Marketplace Template Logo">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- End of Intro Section -->

                <section class="main-features">
                    <div class="container">
                        <h3 class="section-title text-center text-capitalize mb-4 appear-animate"
                            data-animation-options="{
                            'name': 'fadeIn', 'delay': '.2s'
                        }">
                            Build Your Amazing Marketplace With Wolmart
                        </h3>
                        <p class="section-desc text-center pb-6 appear-animate" data-animation-options="{
                            'name': 'fadeIn', 'delay': '.4s'
                        }">A powerful tools designed to build
                            marketplace easily for beginners & advanced developers.</p>
                        <div class="row justify-content-center gutter-lg pb-5">
                            <div class="col-sm-6 col-lg-3 mb-5">
                                <div class="flip-card flip-card-3d appear-animate" data-animation-options="{
                                        'name': 'fadeInUpShorter', 'delay': '.65s'
                                    }">
                                    <div class="icon-box icon-box-title pt-6 icon-box-lg flip-front">
                                        <span class="icon-box-icon mb-4">
                                            <svg xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px"
                                                width="100px" height="100px" viewBox="0 0 100 100"
                                                enable-background="new 0 0 100 100" xml:space="preserve">
                                                <g>
                                                    <path
                                                        d="M67.98,48.824l-0.027-0.029c-0.524-0.552-1.251-0.867-2.01-0.871l-1.781-0.01c-0.263-0.87-0.609-1.706-1.035-2.5   l1.258-1.258c1.042-1.043,1.095-2.717,0.118-3.823l-1.407-1.595c-0.501-0.568-1.21-0.907-1.965-0.942   c-0.043-0.001-0.087-0.002-0.129-0.002c-0.711,0-1.396,0.271-1.915,0.761l-1.408,1.327c-0.778-0.427-1.565-0.764-2.38-1.02v-1.806   c0-1.482-1.157-2.707-2.637-2.788l-2.234-0.124c-0.053-0.003-0.105-0.004-0.157-0.004c-1.471,0-2.702,1.15-2.786,2.637   l-0.112,2.015c-0.874,0.255-1.726,0.602-2.546,1.036l-1.248-1.26c-0.544-0.55-1.263-0.827-1.984-0.827   c-0.658,0-1.316,0.231-1.847,0.697l-1.603,1.413c-0.565,0.498-0.907,1.204-0.943,1.957c-0.038,0.753,0.231,1.49,0.745,2.042   l1.337,1.436c-0.446,0.81-0.806,1.662-1.078,2.548l-1.771-0.007c-0.004,0-0.007,0-0.011,0c-1.475,0-2.696,1.146-2.788,2.621   l-0.132,2.138c-0.047,0.752,0.213,1.494,0.72,2.053c0.509,0.557,1.22,0.887,1.975,0.91l1.954,0.064   c0.263,0.893,0.612,1.748,1.046,2.555l-1.263,1.262c-1.046,1.043-1.098,2.723-0.118,3.828l1.412,1.596   c0.5,0.561,1.206,0.902,1.958,0.938c0.044,0.002,0.089,0.002,0.133,0.002c0.706,0,1.387-0.266,1.905-0.752l1.436-1.338   c0.82,0.449,1.673,0.811,2.555,1.078l-0.006,1.768c-0.006,1.48,1.145,2.709,2.622,2.799l2.133,0.129   c0.057,0.004,0.112,0.006,0.17,0.006c0.695,0,1.365-0.26,1.881-0.729c0.56-0.508,0.887-1.221,0.911-1.975l0.063-1.957   c0.881-0.262,1.736-0.611,2.558-1.049l1.253,1.258c0.543,0.547,1.261,0.824,1.98,0.824c0.663,0,1.325-0.234,1.856-0.707   l1.592-1.418c0.563-0.498,0.898-1.203,0.935-1.955c0.033-0.752-0.235-1.482-0.747-2.033l-1.339-1.439   c0.445-0.816,0.802-1.668,1.068-2.551l1.767,0.006c0.004,0,0.009,0,0.011,0c1.479,0,2.704-1.152,2.788-2.633l0.121-2.125   c0.044-0.769-0.23-1.52-0.757-2.078C68.046,48.887,68.014,48.855,67.98,48.824z M65.925,52.963l-3.971-0.014l-0.285,1.256   c-0.268,1.188-0.738,2.318-1.398,3.365l-0.683,1.08l2.786,2.992l-1.592,1.418l-2.802-2.818l-1.091,0.684   c-1.047,0.656-2.18,1.125-3.367,1.391L52.268,62.6l-0.132,4.088l-2.132-0.131l0.015-3.965l-1.257-0.289   c-1.181-0.27-2.312-0.742-3.361-1.408l-1.084-0.689L41.322,63l-1.412-1.596l2.822-2.814l-0.69-1.092   c-0.646-1.02-1.112-2.148-1.385-3.354l-0.281-1.254l-4.083-0.135l0.132-2.138l3.967,0.017l0.29-1.252   c0.277-1.2,0.751-2.327,1.408-3.353l0.694-1.084l-2.792-3l1.603-1.412l2.789,2.814l1.091-0.673   c1.045-0.646,2.161-1.106,3.313-1.364l1.259-0.282l0.228-4.096l2.233,0.124v3.969l1.154,0.285c1.196,0.272,2.274,0.741,3.302,1.392   l1.064,0.69l2.975-2.805l1.408,1.594l-2.81,2.811l0.686,1.088c0.651,1.032,1.119,2.166,1.394,3.367l0.285,1.247l3.961,0.023   l0.116,0.121h0.004L65.925,52.963z">
                                                    </path>
                                                    <path
                                                        d="M93.894,48.332c-0.013-0.212-0.035-0.421-0.052-0.632c-0.042-0.598-0.093-1.194-0.16-1.785   c-0.022-0.208-0.054-0.413-0.082-0.619c-0.079-0.605-0.165-1.208-0.27-1.804c-0.028-0.161-0.06-0.32-0.091-0.481   c-0.122-0.662-0.258-1.317-0.412-1.969c-0.02-0.084-0.041-0.169-0.062-0.254c-0.601-2.485-1.406-4.893-2.415-7.192l0.012-0.006   l-0.686-1.419c-0.046-0.092-0.099-0.181-0.145-0.272l0.079-0.041l-0.786-1.449c-0.643-1.188-1.356-2.327-2.101-3.439   c-0.088-0.13-0.183-0.256-0.271-0.386c-0.463-0.676-0.932-1.347-1.431-1.993l2.111-2.098c0.744-0.739,1.157-1.725,1.161-2.774   c0.005-1.053-0.4-2.042-1.141-2.786l-3.737-3.765c-0.768-0.772-1.779-1.158-2.79-1.158c-1.003,0-2.006,0.378-2.771,1.137   l-2.413,2.398c-0.281-0.193-0.573-0.368-0.862-0.549c0.002-0.002,0.002-0.005,0.004-0.007c-0.059-0.038-0.115-0.081-0.174-0.12   c-0.21-0.138-0.43-0.261-0.646-0.394c-0.019-0.011-0.035-0.023-0.055-0.034c-0.35-0.218-0.7-0.437-1.059-0.644   c-0.03-0.017-0.062-0.032-0.091-0.049c-0.462-0.273-0.917-0.551-1.391-0.803c-0.06-0.031-0.116-0.069-0.174-0.101l-1.444-0.756   l-0.021,0.042l-0.86-0.427l-0.015,0.03c-1.096-0.493-2.22-0.931-3.359-1.333c-0.036-0.014-0.071-0.026-0.109-0.04   c-0.665-0.232-1.341-0.45-2.02-0.651c-0.083-0.024-0.162-0.051-0.241-0.074c-0.639-0.185-1.284-0.352-1.934-0.507   c-0.121-0.029-0.242-0.062-0.364-0.09c-0.61-0.141-1.228-0.262-1.847-0.376c-0.162-0.03-0.32-0.064-0.482-0.093   c-0.587-0.1-1.182-0.181-1.776-0.258c-0.193-0.025-0.385-0.058-0.58-0.08C55.35,8.162,54.75,8.114,54.15,8.073   c-0.195-0.014-0.389-0.037-0.586-0.048c-0.793-0.044-1.59-0.069-2.395-0.069h-0.001h-0.001c-0.011,0-0.023,0.001-0.035,0.001   c-0.794,0.001-1.583,0.024-2.366,0.069c-0.236,0.014-0.468,0.041-0.703,0.058c-0.561,0.042-1.122,0.083-1.675,0.146   c-0.247,0.029-0.489,0.07-0.734,0.102c-0.542,0.071-1.083,0.144-1.619,0.236c-0.226,0.04-0.447,0.089-0.672,0.13   c-0.554,0.104-1.105,0.213-1.651,0.338c-0.194,0.045-0.386,0.097-0.579,0.145c-0.574,0.141-1.146,0.289-1.711,0.451   c-0.16,0.046-0.316,0.098-0.474,0.146c-0.598,0.181-1.191,0.371-1.777,0.576c-0.123,0.043-0.244,0.088-0.365,0.132   c-0.621,0.225-1.236,0.46-1.845,0.711c-0.084,0.036-0.17,0.073-0.256,0.108c-0.368,0.155-0.742,0.302-1.104,0.467l-0.017-0.031   l-0.862,0.43l-0.023-0.045l-1.444,0.761c-0.056,0.029-0.109,0.066-0.166,0.096c-0.47,0.251-0.919,0.532-1.378,0.799   c-0.626,0.366-1.251,0.734-1.857,1.13c-0.214,0.139-0.419,0.289-0.627,0.435c-0.164,0.108-0.334,0.208-0.495,0.321   c-0.178,0.124-0.357,0.25-0.533,0.375l-2.273-2.587c-0.742-0.744-1.729-1.464-2.781-1.464c0,0-0.004,0-0.009,0   c-1.047,0-2.031,0.711-2.773,1.45l-3.756,3.892c-0.747,0.743-1.158,1.807-1.16,2.857c-0.002,1.049,0.403,2.078,1.146,2.82   l2.211,2.243c-0.298,0.403-0.577,0.829-0.862,1.242c-0.12,0.174-0.244,0.353-0.359,0.527c-0.749,1.121-1.464,2.269-2.111,3.466   l-0.782,1.452l0.078,0.039c-0.048,0.093-0.102,0.183-0.147,0.277l-0.684,1.42l0.011,0.006c-0.122,0.28-0.209,0.578-0.326,0.861   c-0.322,0.778-0.619,1.567-0.896,2.367c-0.158,0.463-0.316,0.924-0.461,1.394c-0.315,1.024-0.593,2.064-0.833,3.12   c-0.077,0.347-0.147,0.693-0.217,1.042c-0.237,1.179-0.433,2.37-0.569,3.582c-0.023,0.205-0.036,0.412-0.056,0.617   c-0.132,1.347-0.215,2.705-0.215,4.085c0,0.814,0.027,1.621,0.072,2.42c0.013,0.213,0.036,0.426,0.052,0.639   c0.042,0.594,0.091,1.188,0.158,1.775c0.025,0.211,0.058,0.424,0.085,0.637C8.818,56.818,8.905,57.412,9.007,58   c0.03,0.17,0.063,0.342,0.096,0.514c0.121,0.648,0.255,1.289,0.404,1.928c0.024,0.098,0.048,0.195,0.071,0.293   c0.6,2.479,1.404,4.879,2.411,7.172l-0.013,0.006l0.686,1.418c0.046,0.096,0.098,0.184,0.145,0.273l-0.08,0.041l0.787,1.451   c0.643,1.188,1.355,2.326,2.101,3.438c0.088,0.131,0.181,0.258,0.27,0.387c0.464,0.676,0.933,1.348,1.433,1.992l-2.112,2.1   c-0.745,0.738-1.158,1.725-1.163,2.773c-0.004,1.053,0.401,2.041,1.142,2.787l3.736,3.762c0.768,0.773,1.779,1.16,2.791,1.16   c1.002,0,2.005-0.379,2.771-1.139l2.414-2.398c0.28,0.193,0.573,0.369,0.861,0.551c-0.002,0.002-0.002,0.004-0.004,0.006   c0.059,0.039,0.116,0.08,0.174,0.119c0.216,0.141,0.44,0.27,0.661,0.404c0.013,0.008,0.026,0.016,0.04,0.023   c0.295,0.184,0.589,0.365,0.889,0.541c0.035,0.02,0.067,0.041,0.102,0.063c0.001,0,0.003,0.002,0.004,0.002   c0.022,0.012,0.043,0.027,0.065,0.041c0.02,0.012,0.042,0.02,0.062,0.033c0.47,0.275,0.935,0.559,1.419,0.818   c0.059,0.031,0.115,0.068,0.174,0.1l1.443,0.756l0.021-0.041l0.86,0.426l0.014-0.029c1.098,0.494,2.224,0.932,3.365,1.338   c0.034,0.01,0.066,0.021,0.099,0.035c0.667,0.232,1.341,0.449,2.021,0.65c0.083,0.025,0.165,0.053,0.247,0.076   c0.635,0.184,1.277,0.35,1.924,0.504c0.124,0.031,0.248,0.064,0.373,0.094c0.607,0.141,1.221,0.262,1.838,0.375   c0.165,0.029,0.326,0.064,0.491,0.092c0.589,0.104,1.184,0.186,1.782,0.262c0.191,0.023,0.379,0.057,0.571,0.076   c0.594,0.07,1.193,0.115,1.795,0.158c0.194,0.016,0.388,0.037,0.585,0.049c0.792,0.043,1.59,0.068,2.394,0.068h0.001h0.001   c0.012,0,0.024,0,0.035,0c0.794-0.002,1.583-0.025,2.368-0.068c0.232-0.016,0.461-0.043,0.693-0.061   c0.564-0.041,1.129-0.084,1.686-0.146c0.239-0.027,0.475-0.066,0.712-0.098c0.551-0.072,1.101-0.148,1.645-0.242   c0.215-0.035,0.428-0.082,0.643-0.123c0.563-0.105,1.126-0.217,1.684-0.344c0.183-0.043,0.363-0.094,0.544-0.137   c0.587-0.143,1.171-0.295,1.748-0.461c0.146-0.043,0.294-0.092,0.439-0.135c0.609-0.182,1.213-0.377,1.811-0.586   c0.114-0.041,0.227-0.084,0.343-0.125c0.625-0.227,1.244-0.463,1.856-0.717c0.088-0.035,0.174-0.074,0.262-0.109   c0.368-0.154,0.737-0.301,1.1-0.465l0.018,0.031l0.862-0.43l0.022,0.043l1.444-0.76c0.057-0.029,0.108-0.066,0.165-0.096   c0.47-0.252,0.919-0.533,1.378-0.799c0.628-0.367,1.251-0.732,1.857-1.131c0.21-0.137,0.411-0.283,0.614-0.426   c0.169-0.111,0.343-0.215,0.508-0.33c0.18-0.123,0.357-0.25,0.533-0.375l2.272,2.586c0.743,0.746,1.729,1.465,2.782,1.465   c0,0,0.005,0,0.009,0c1.046,0,2.03-0.711,2.773-1.449l3.756-3.893c0.746-0.742,1.157-1.807,1.159-2.857   c0.002-1.049-0.402-2.076-1.145-2.82l-2.212-2.242c0.298-0.402,0.577-0.828,0.862-1.242c0.119-0.174,0.243-0.352,0.358-0.527   c0.75-1.119,1.465-2.268,2.111-3.465l0.782-1.453l-0.077-0.039c0.046-0.092,0.101-0.182,0.146-0.277l0.685-1.42l-0.013-0.006   c0.109-0.25,0.187-0.514,0.289-0.766c0.34-0.816,0.652-1.646,0.942-2.486c0.155-0.449,0.308-0.898,0.446-1.354   c0.321-1.031,0.601-2.082,0.842-3.148c0.075-0.336,0.145-0.676,0.211-1.016c0.239-1.186,0.438-2.383,0.573-3.598   c0.023-0.203,0.035-0.406,0.055-0.607c0.132-1.348,0.217-2.709,0.217-4.094C93.966,49.94,93.938,49.134,93.894,48.332z    M80.126,15.435c0.277-0.277,0.729-0.277,1.005,0.002l3.737,3.764c0.18,0.181,0.208,0.392,0.205,0.504   c0,0.109-0.026,0.318-0.21,0.5l-1.835,1.825l-4.737-4.771L80.126,15.435z M70.913,16.521c0.229,0.136,0.46,0.267,0.688,0.404   c0.283,0.172,0.573,0.34,0.853,0.52c0.245,0.157,0.48,0.329,0.72,0.492c0.002-0.004,0.004-0.007,0.004-0.011   c0.276,0.188,0.558,0.372,0.83,0.565c0.579,0.411,1.15,0.835,1.708,1.277c0.259,0.204,0.524,0.401,0.779,0.611   c0.874,0.73,1.718,1.494,2.523,2.295c0.104,0.103,0.205,0.21,0.309,0.314c0.795,0.806,1.561,1.643,2.287,2.516   c0.037,0.046,0.079,0.092,0.119,0.138c1.206,1.469,2.274,3.049,3.259,4.682c0.042,0.069,0.079,0.142,0.121,0.212L72.607,36.93   c-0.032-0.048-0.072-0.092-0.104-0.141c-0.134-0.205-0.294-0.39-0.433-0.59c-0.069-0.098-0.125-0.207-0.194-0.304   c-0.084-0.116-0.17-0.226-0.255-0.339c-0.063-0.086-0.141-0.162-0.202-0.247c-0.211-0.277-0.397-0.574-0.619-0.842   c-0.051-0.058-0.107-0.111-0.158-0.171c-0.18-0.214-0.386-0.405-0.575-0.612c-0.07-0.079-0.129-0.166-0.201-0.242   c-0.106-0.116-0.207-0.235-0.316-0.349c-0.095-0.098-0.202-0.179-0.296-0.274c-0.135-0.134-0.251-0.282-0.388-0.414   c-0.188-0.18-0.382-0.348-0.575-0.522c-0.131-0.118-0.273-0.222-0.405-0.337c-0.205-0.181-0.389-0.386-0.602-0.561   c-0.074-0.06-0.151-0.109-0.225-0.168c-0.104-0.083-0.221-0.151-0.326-0.233c-0.046-0.035-0.088-0.076-0.134-0.111   c-0.172-0.13-0.344-0.262-0.521-0.391c-0.163-0.119-0.343-0.215-0.512-0.331c-0.227-0.155-0.438-0.329-0.669-0.478   c-0.117-0.075-0.223-0.17-0.343-0.244L70.913,16.521z M73.465,50.75c0,0.873-0.065,1.729-0.161,2.574   c-0.034,0.277-0.084,0.549-0.126,0.82c-0.088,0.566-0.193,1.129-0.322,1.682c-0.072,0.305-0.147,0.609-0.232,0.91   c-0.149,0.527-0.32,1.047-0.505,1.561c-0.099,0.271-0.187,0.547-0.296,0.814c-0.191,0.469-0.416,0.916-0.638,1.367   c-0.271,0.559-0.568,1.1-0.884,1.633c-0.323,0.539-0.675,1.057-1.039,1.563c-0.205,0.285-0.388,0.588-0.604,0.863   c-0.015,0.02-0.028,0.037-0.042,0.055c-0.002,0.004-0.006,0.01-0.011,0.014c-0.596,0.75-1.242,1.453-1.926,2.115   c-0.065,0.061-0.126,0.123-0.188,0.184c-0.089,0.08-0.175,0.16-0.263,0.24c-1.537,1.408-3.271,2.605-5.174,3.553   c-0.124,0.061-0.252,0.115-0.378,0.176c-0.619,0.293-1.249,0.568-1.896,0.805c-0.178,0.066-0.36,0.115-0.541,0.178   c-0.609,0.207-1.224,0.402-1.854,0.555c-0.345,0.084-0.699,0.135-1.049,0.203c-0.492,0.094-0.979,0.201-1.481,0.264   c-0.871,0.104-1.755,0.168-2.652,0.168c-0.012,0-0.022,0.002-0.033,0.002c-0.907,0-1.799-0.063-2.678-0.17   c-0.476-0.061-0.937-0.16-1.403-0.25c-0.376-0.07-0.756-0.127-1.125-0.215c-0.603-0.148-1.19-0.336-1.773-0.531   c-0.207-0.066-0.417-0.125-0.621-0.201c-0.621-0.227-1.225-0.49-1.819-0.77c-0.15-0.07-0.302-0.135-0.45-0.209   c-1.896-0.938-3.622-2.127-5.155-3.525c-0.075-0.07-0.154-0.139-0.23-0.209c-0.083-0.08-0.164-0.162-0.247-0.242   c-0.471-0.457-0.899-0.957-1.328-1.455c-0.469-0.543-0.909-1.105-1.325-1.691c-0.228-0.322-0.442-0.648-0.654-0.982   c-0.437-0.688-0.853-1.391-1.212-2.127c-0.224-0.459-0.453-0.916-0.646-1.391c-0.099-0.244-0.18-0.498-0.27-0.746   c-0.193-0.533-0.371-1.068-0.523-1.619c-0.081-0.291-0.156-0.586-0.226-0.881c-0.131-0.559-0.236-1.127-0.324-1.699   c-0.042-0.27-0.091-0.535-0.123-0.809c-0.099-0.846-0.163-1.701-0.163-2.574c0-0.871,0.065-1.729,0.163-2.573   c0.033-0.275,0.082-0.544,0.124-0.816c0.088-0.569,0.193-1.133,0.323-1.688c0.071-0.303,0.147-0.604,0.23-0.902   c0.149-0.534,0.324-1.058,0.511-1.576c0.097-0.267,0.184-0.538,0.29-0.8c0.189-0.468,0.415-0.915,0.635-1.365   c0.272-0.561,0.573-1.106,0.891-1.641c0.321-0.536,0.669-1.05,1.031-1.553c0.207-0.291,0.393-0.597,0.615-0.877   c0.015-0.02,0.028-0.041,0.044-0.06c0.594-0.747,1.238-1.446,1.92-2.106c0.071-0.069,0.139-0.141,0.212-0.208   c0.044-0.042,0.088-0.082,0.132-0.122c0.038-0.036,0.077-0.07,0.116-0.106c1.537-1.407,3.27-2.604,5.173-3.55   c0.124-0.062,0.25-0.116,0.375-0.175c0.62-0.294,1.251-0.571,1.9-0.809c0.174-0.064,0.354-0.113,0.529-0.171   c0.615-0.209,1.234-0.405,1.872-0.562c0.324-0.078,0.659-0.126,0.988-0.189c0.512-0.102,1.021-0.212,1.546-0.277   c0.782-0.093,1.578-0.141,2.382-0.151c0.099-0.001,0.194-0.017,0.293-0.017c0.076,0,0.148,0.012,0.225,0.014   c0.827,0.008,1.641,0.058,2.444,0.154c0.502,0.062,0.99,0.168,1.481,0.263c0.351,0.066,0.703,0.119,1.047,0.2   c0.615,0.15,1.213,0.34,1.807,0.54c0.195,0.066,0.397,0.121,0.592,0.191c0.625,0.23,1.231,0.495,1.83,0.777   c0.146,0.069,0.298,0.133,0.442,0.206c1.895,0.937,3.616,2.125,5.148,3.521c0.077,0.073,0.16,0.142,0.237,0.215   c0.081,0.077,0.162,0.159,0.243,0.238c0.475,0.459,0.904,0.961,1.337,1.462c0.466,0.54,0.904,1.103,1.317,1.686   c0.229,0.321,0.445,0.652,0.658,0.986c0.437,0.689,0.854,1.393,1.212,2.129c0.222,0.456,0.45,0.909,0.641,1.381   c0.102,0.25,0.185,0.508,0.277,0.76c0.19,0.528,0.367,1.063,0.521,1.608c0.081,0.292,0.155,0.586,0.224,0.883   c0.133,0.558,0.237,1.127,0.326,1.7c0.042,0.269,0.093,0.536,0.124,0.808C73.399,49.023,73.465,49.879,73.465,50.75z    M35.616,14.423c0.939-0.404,1.893-0.779,2.866-1.113c0.291-0.1,0.585-0.19,0.879-0.283c1.057-0.335,2.128-0.637,3.223-0.884   c0.208-0.047,0.422-0.084,0.632-0.128c1.186-0.247,2.386-0.454,3.608-0.59c0.112-0.013,0.226-0.018,0.337-0.029   c1.318-0.136,2.654-0.218,4.008-0.218c0.001,0,0.002,0,0.003,0c1.344,0,2.665,0.081,3.971,0.214   c0.119,0.013,0.239,0.018,0.358,0.032c1.202,0.134,2.386,0.337,3.552,0.577c0.228,0.047,0.456,0.087,0.68,0.138   c1.068,0.239,2.115,0.534,3.15,0.858c0.313,0.099,0.633,0.196,0.945,0.303c0.944,0.323,1.869,0.686,2.782,1.075   c0.193,0.082,0.382,0.169,0.573,0.254l-6.357,12.513c-0.385-0.157-0.786-0.281-1.182-0.42c-0.21-0.075-0.417-0.155-0.63-0.225   c-0.595-0.193-1.202-0.355-1.814-0.506c-0.247-0.061-0.49-0.132-0.742-0.187c-0.61-0.13-1.231-0.224-1.857-0.31   c-0.255-0.036-0.508-0.087-0.766-0.114c-0.82-0.087-1.651-0.132-2.492-0.139c-0.06,0-0.116-0.009-0.175-0.009   c-0.07,0-0.138,0.011-0.207,0.011c-0.835,0.008-1.659,0.052-2.472,0.138c-0.259,0.028-0.511,0.081-0.768,0.117   c-0.631,0.086-1.259,0.181-1.875,0.313c-0.241,0.053-0.475,0.122-0.714,0.181c-0.629,0.155-1.254,0.323-1.864,0.523   c-0.196,0.065-0.389,0.139-0.582,0.208c-0.408,0.145-0.824,0.272-1.221,0.437l-6.387-12.498   C35.258,14.583,35.436,14.501,35.616,14.423z M25.819,20.399c0.266-0.218,0.543-0.426,0.814-0.638   c0.545-0.434,1.106-0.85,1.674-1.254c0.236-0.166,0.479-0.325,0.717-0.49c0,0.001,0,0.001,0,0.001   c0.247-0.167,0.49-0.34,0.74-0.501c0.285-0.181,0.578-0.35,0.866-0.527c0.237-0.144,0.48-0.281,0.719-0.425l6.384,12.494   c-0.122,0.075-0.227,0.171-0.348,0.25c-0.236,0.153-0.453,0.331-0.684,0.491c-0.148,0.103-0.308,0.188-0.453,0.294   c-0.193,0.141-0.384,0.285-0.573,0.43c-0.034,0.027-0.066,0.057-0.101,0.083c-0.11,0.085-0.23,0.157-0.338,0.244   c-0.073,0.059-0.15,0.106-0.222,0.166c-0.211,0.173-0.393,0.378-0.597,0.558c-0.12,0.104-0.246,0.198-0.364,0.305   c-0.21,0.191-0.426,0.377-0.631,0.574c-0.135,0.131-0.254,0.278-0.386,0.413c-0.084,0.085-0.179,0.158-0.263,0.246   c-0.124,0.131-0.241,0.267-0.363,0.399c-0.063,0.067-0.113,0.143-0.174,0.211c-0.17,0.189-0.357,0.362-0.521,0.557   c-0.069,0.082-0.149,0.154-0.216,0.237c-0.222,0.269-0.408,0.567-0.618,0.845c-0.06,0.08-0.131,0.151-0.191,0.232   c-0.085,0.115-0.174,0.228-0.257,0.344c-0.068,0.094-0.122,0.2-0.188,0.295c-0.131,0.191-0.282,0.366-0.409,0.561   c-0.042,0.063-0.092,0.118-0.134,0.183l-12.521-6.365c0.044-0.073,0.083-0.148,0.127-0.222c0.988-1.641,2.06-3.228,3.27-4.704   c0.067-0.082,0.136-0.16,0.206-0.241c0.707-0.848,1.452-1.664,2.226-2.451c0.103-0.103,0.199-0.21,0.302-0.311   C24.114,21.884,24.953,21.125,25.819,20.399z M16.669,20.273c0-0.109,0.027-0.321,0.209-0.501l3.758-3.741   c0.18-0.181,0.391-0.208,0.501-0.208c0.111,0,0.321,0.029,0.504,0.21l1.825,1.833l-4.767,4.744l-1.826-1.836   C16.694,20.594,16.669,20.384,16.669,20.273z M14.888,66.422c-0.151-0.348-0.292-0.701-0.435-1.057   c-0.238-0.594-0.467-1.191-0.677-1.797c-0.159-0.459-0.315-0.918-0.458-1.383c-0.28-0.924-0.53-1.857-0.743-2.809   c-0.079-0.342-0.148-0.689-0.217-1.035c-0.211-1.07-0.39-2.152-0.512-3.248c-0.023-0.203-0.036-0.41-0.055-0.613   c-0.118-1.229-0.195-2.469-0.195-3.73c0-1.246,0.078-2.478,0.192-3.697c0.02-0.209,0.033-0.419,0.056-0.629   c0.119-1.078,0.294-2.14,0.5-3.191c0.072-0.369,0.146-0.738,0.229-1.104c0.206-0.913,0.444-1.814,0.711-2.703   c0.155-0.514,0.327-1.021,0.503-1.526c0.163-0.471,0.341-0.934,0.521-1.397c0.176-0.45,0.353-0.9,0.544-1.344L27.4,41.535   c-0.062,0.158-0.106,0.324-0.164,0.483c-0.11,0.296-0.205,0.596-0.304,0.896c-0.168,0.514-0.32,1.035-0.457,1.563   c-0.087,0.334-0.171,0.668-0.245,1.008c-0.12,0.557-0.212,1.123-0.294,1.692c-0.043,0.301-0.099,0.597-0.131,0.902   c-0.095,0.879-0.154,1.769-0.154,2.671c0,0.912,0.061,1.805,0.156,2.689c0.033,0.301,0.087,0.594,0.13,0.893   c0.083,0.58,0.179,1.156,0.302,1.723c0.073,0.33,0.154,0.658,0.239,0.986c0.142,0.545,0.3,1.084,0.476,1.615   c0.094,0.285,0.186,0.568,0.29,0.85c0.063,0.17,0.11,0.348,0.176,0.516L14.888,66.422z M22.213,86.066   c-0.277,0.277-0.729,0.277-1.005-0.002l-3.736-3.764c-0.181-0.18-0.208-0.393-0.206-0.504c0-0.109,0.027-0.318,0.21-0.498   l1.836-1.826l4.737,4.771L22.213,86.066z M31.425,84.982c-0.232-0.139-0.467-0.273-0.697-0.41   c-0.251-0.152-0.501-0.303-0.751-0.457c-0.03-0.02-0.061-0.037-0.091-0.057c-0.245-0.158-0.48-0.332-0.719-0.492   c-0.001,0.004-0.003,0.006-0.004,0.01c-0.277-0.186-0.557-0.371-0.83-0.563c-0.581-0.412-1.151-0.836-1.708-1.279   c-0.259-0.203-0.526-0.4-0.779-0.611c-0.875-0.729-1.718-1.492-2.524-2.295c-0.105-0.102-0.204-0.209-0.308-0.314   c-0.796-0.807-1.561-1.643-2.286-2.516c-0.039-0.047-0.081-0.092-0.12-0.139c-1.203-1.465-2.266-3.039-3.251-4.666   c-0.045-0.076-0.086-0.152-0.131-0.227l12.508-6.395c0.031,0.049,0.071,0.092,0.103,0.141c0.134,0.203,0.292,0.389,0.432,0.588   c0.069,0.098,0.125,0.207,0.195,0.305c0.083,0.117,0.17,0.227,0.253,0.338c0.064,0.086,0.14,0.162,0.205,0.246   c0.21,0.279,0.396,0.576,0.619,0.844c0.049,0.059,0.106,0.111,0.156,0.172c0.181,0.215,0.386,0.402,0.574,0.611   c0.07,0.076,0.13,0.164,0.202,0.242c0.107,0.115,0.208,0.236,0.317,0.348c0.096,0.1,0.206,0.184,0.302,0.281   c0.132,0.133,0.249,0.279,0.383,0.408c0.187,0.18,0.382,0.35,0.574,0.523c0.13,0.115,0.272,0.221,0.405,0.338   c0.206,0.18,0.389,0.385,0.602,0.559c0.074,0.059,0.151,0.109,0.225,0.168c0.104,0.082,0.219,0.15,0.325,0.232   c0.046,0.037,0.088,0.076,0.134,0.111c0.173,0.131,0.345,0.264,0.521,0.391c0.165,0.119,0.345,0.217,0.513,0.332   c0.225,0.156,0.436,0.33,0.667,0.477c0.117,0.074,0.222,0.17,0.341,0.246L31.425,84.982z M66.738,87.072   c-0.946,0.406-1.909,0.787-2.892,1.121c-0.283,0.1-0.57,0.188-0.858,0.277c-1.061,0.336-2.14,0.641-3.236,0.889   c-0.206,0.047-0.416,0.084-0.621,0.125c-1.189,0.248-2.393,0.457-3.617,0.592c-0.111,0.012-0.225,0.02-0.334,0.029   c-1.319,0.137-2.656,0.219-4.011,0.219c-0.001,0-0.002,0-0.003,0c-1.342,0-2.664-0.082-3.97-0.215   c-0.119-0.012-0.24-0.018-0.358-0.029c-1.205-0.137-2.388-0.34-3.556-0.578c-0.225-0.049-0.45-0.088-0.672-0.139   c-1.072-0.238-2.123-0.535-3.16-0.859c-0.311-0.1-0.623-0.193-0.93-0.299c-0.953-0.324-1.885-0.689-2.804-1.082   c-0.188-0.082-0.375-0.166-0.56-0.25l6.359-12.514c0.386,0.16,0.79,0.281,1.185,0.422c0.207,0.072,0.411,0.154,0.62,0.223   c0.604,0.195,1.222,0.361,1.845,0.514c0.236,0.059,0.468,0.127,0.706,0.18c0.634,0.133,1.279,0.232,1.928,0.32   c0.233,0.031,0.459,0.076,0.693,0.104c0.88,0.094,1.771,0.148,2.676,0.148h0.001h0.001c0.007,0,0.013-0.002,0.02-0.002   c0.902,0,1.791-0.055,2.669-0.146c0.241-0.029,0.474-0.076,0.713-0.107c0.648-0.088,1.295-0.188,1.928-0.324   c0.233-0.049,0.459-0.117,0.689-0.174c0.639-0.156,1.271-0.328,1.89-0.531c0.189-0.063,0.376-0.135,0.564-0.203   c0.411-0.145,0.83-0.275,1.231-0.441l6.387,12.5C67.087,86.916,66.913,86.996,66.738,87.072z M76.52,81.104   c-0.267,0.217-0.543,0.426-0.814,0.637c-0.545,0.436-1.104,0.85-1.674,1.256c-0.236,0.164-0.479,0.324-0.717,0.488   c-0.246,0.166-0.489,0.34-0.742,0.502c-0.283,0.182-0.575,0.35-0.863,0.525c-0.237,0.146-0.48,0.281-0.718,0.424l-6.387-12.492   c0.122-0.074,0.229-0.172,0.349-0.248c0.236-0.154,0.454-0.334,0.688-0.494c0.146-0.104,0.305-0.186,0.449-0.291   c0.193-0.141,0.384-0.285,0.573-0.43c0.033-0.025,0.063-0.055,0.097-0.08c0.111-0.086,0.232-0.16,0.344-0.248   c0.071-0.059,0.149-0.107,0.22-0.166c0.211-0.172,0.391-0.375,0.595-0.557c0.119-0.104,0.249-0.199,0.367-0.305   c0.209-0.191,0.426-0.379,0.631-0.576c0.137-0.133,0.258-0.283,0.393-0.418c0.081-0.086,0.176-0.156,0.256-0.24   c0.126-0.131,0.241-0.268,0.365-0.398c0.065-0.068,0.118-0.148,0.182-0.221c0.167-0.186,0.352-0.357,0.512-0.547   c0.07-0.082,0.149-0.152,0.217-0.238c0.218-0.264,0.402-0.557,0.608-0.832c0.065-0.084,0.139-0.16,0.202-0.244   c0.083-0.115,0.174-0.229,0.255-0.344c0.067-0.094,0.122-0.199,0.189-0.297c0.131-0.189,0.281-0.363,0.409-0.559   c0.042-0.063,0.093-0.117,0.134-0.184l12.521,6.365c-0.044,0.072-0.083,0.15-0.127,0.221c-0.988,1.645-2.059,3.227-3.27,4.705   c-0.067,0.08-0.136,0.16-0.205,0.24c-0.707,0.848-1.452,1.664-2.227,2.451c-0.103,0.104-0.199,0.209-0.303,0.311   C78.226,79.617,77.386,80.377,76.52,81.104z M85.669,81.229c0,0.109-0.026,0.32-0.209,0.502l-3.758,3.74   c-0.181,0.182-0.391,0.207-0.501,0.207c-0.111,0-0.322-0.027-0.504-0.209l-1.825-1.834l4.767-4.744l1.825,1.838   C85.645,80.908,85.669,81.117,85.669,81.229z M90.551,54.443c-0.02,0.211-0.033,0.428-0.056,0.639   c-0.12,1.074-0.294,2.133-0.5,3.182c-0.07,0.373-0.146,0.744-0.23,1.113c-0.206,0.912-0.442,1.811-0.709,2.697   c-0.155,0.512-0.327,1.018-0.501,1.518c-0.171,0.492-0.357,0.975-0.544,1.457c-0.169,0.434-0.34,0.867-0.524,1.295L74.94,59.967   c0.063-0.162,0.108-0.332,0.167-0.496c0.105-0.287,0.2-0.574,0.294-0.863c0.172-0.527,0.327-1.059,0.466-1.596   c0.084-0.328,0.167-0.654,0.239-0.986c0.119-0.563,0.214-1.135,0.298-1.709c0.042-0.297,0.097-0.592,0.128-0.895   c0.095-0.875,0.155-1.766,0.155-2.672c0-0.909-0.061-1.802-0.155-2.686c-0.033-0.304-0.088-0.601-0.132-0.902   c-0.084-0.575-0.179-1.146-0.301-1.708c-0.072-0.338-0.157-0.671-0.243-1.004c-0.139-0.536-0.294-1.064-0.466-1.586   c-0.097-0.294-0.192-0.589-0.3-0.878c-0.061-0.167-0.106-0.34-0.172-0.505l12.532-6.402c0.157,0.36,0.301,0.727,0.448,1.094   c0.23,0.577,0.454,1.158,0.658,1.749c0.162,0.465,0.32,0.933,0.467,1.406c0.277,0.917,0.527,1.846,0.738,2.789   c0.079,0.348,0.149,0.7,0.22,1.051c0.211,1.067,0.389,2.144,0.511,3.24c0.022,0.204,0.035,0.412,0.055,0.616   c0.117,1.229,0.194,2.468,0.194,3.727C90.742,51.996,90.665,53.227,90.551,54.443z">
                                                    </path>
                                                    <path
                                                        d="M51.174,44.697c-3.925,0-7.118,3.188-7.118,7.108c0,3.926,3.193,7.121,7.118,7.121c3.923,0,7.113-3.195,7.113-7.121   C58.287,47.885,55.097,44.697,51.174,44.697z M51.174,55.701c-2.148,0-3.896-1.75-3.896-3.896c0-2.142,1.748-3.885,3.896-3.885   c2.145,0,3.891,1.744,3.891,3.885C55.064,53.951,53.318,55.701,51.174,55.701z">
                                                    </path>
                                                </g>
                                            </svg>
                                        </span>
                                        <h4 class="icon-box-title ls-l font-weight-bolder text-none mb-0 mt-1">
                                            Powerful<br>
                                            Marketplace Toolkit
                                        </h4>
                                    </div>
                                    <div class="icon-box flip-back bg-gradient">
                                        <div class="flip-content">
                                            <p class="text-white">
                                                Easily build marketplace template with this toolkits.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-lg-3 mb-5">
                                <div class="flip-card flip-card-3d appear-animate" data-animation-options="{
                                        'name': 'fadeInUpShorter', 'delay': '.5s'
                                    }">
                                    <div class="icon-box icon-box-lg mf-box2 flip-front">
                                        <span class="icon-box-icon">
                                            <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 70 70" width="91px" height="91px"
                                                enable-background="new 0 0 70 70" xml:space="preserve">
                                                <g>
                                                    <path d="M45.4,9.2h13.3c0.4,1.3,1.6,2.2,3.1,2.2c1.8,0,3.2-1.5,3.2-3.2C65,6.5,63.5,5,61.8,5
                                                    c-1.4,0-2.6,0.9-3.1,2.2H38.2V5h-6.5v2.2H11.3C10.9,5.9,9.7,5,8.2,5C6.5,5,5,6.5,5,8.2c0,1.8,1.5,3.2,3.2,3.2
                                                    c1.4,0,2.6-0.9,3.1-2.2h13.3c-9.3,3.7-16,12.2-17.2,22.5H5v6.5h6.5v-6.5h-2c1.5-11.7,10.6-20.9,22.3-22.3v2H32L21.5,35.1l6.8,6.3
                                                    v4.1h13.5v-4.1l6.8-6.3L38,11.5h0.2v-2c11.7,1.5,20.9,10.6,22.3,22.3h-2v6.5H65v-6.5h-2.4C61.4,21.5,54.7,12.9,45.4,9.2z M9.5,36.2
                                                    H7v-2.5h2.5V36.2z M61.8,7C62.4,7,63,7.6,63,8.2c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2C60.5,7.6,61.1,7,61.8,7z M33.8,7h2.5v2.5
                                                    h-2.5V7z M8.2,9.5C7.6,9.5,7,8.9,7,8.2C7,7.6,7.6,7,8.2,7c0.7,0,1.2,0.6,1.2,1.2C9.5,8.9,8.9,9.5,8.2,9.5z M39.7,43.5h-9.3v-1.4
                                                    h9.3V43.5z M40.3,40H29.7L24,34.6l10-22.4h0v15.6c-1.5,0.4-2.6,1.9-2.6,3.5c0,2,1.6,3.7,3.7,3.7s3.7-1.6,3.7-3.7
                                                    c0-1.7-1.1-3.1-2.6-3.5V12.2h0l10,22.4L40.3,40z M35,29.8c0.9,0,1.6,0.7,1.6,1.6c0,0.9-0.7,1.6-1.6,1.6s-1.6-0.7-1.6-1.6
                                                    C33.4,30.5,34.1,29.8,35,29.8z M63,36.2h-2.5v-2.5H63V36.2z" />
                                                    <path
                                                        d="M23.3,60.2c0.7,0.3,1.3,0.6,2,0.8l0.7-1.9c-0.6-0.2-1.2-0.5-1.9-0.8L23.3,60.2z" />
                                                    <path
                                                        d="M19.5,58.1c0.6,0.4,1.2,0.8,1.8,1.1l1-1.7c-0.6-0.3-1.2-0.7-1.7-1.1L19.5,58.1z" />
                                                    <path
                                                        d="M27.4,61.7c0.7,0.2,1.4,0.4,2.1,0.5l0.4-2c-0.7-0.1-1.3-0.3-2-0.5L27.4,61.7z" />
                                                    <path
                                                        d="M9.7,40.1l-2,0.4c0.1,0.7,0.3,1.4,0.5,2.1l1.9-0.5C10,41.4,9.9,40.8,9.7,40.1z" />
                                                    <path
                                                        d="M10.8,44L9,44.7c0.3,0.7,0.5,1.4,0.8,2l1.8-0.8C11.3,45.2,11.1,44.6,10.8,44z" />
                                                    <path
                                                        d="M12.5,47.6l-1.7,1c0.4,0.6,0.7,1.3,1.1,1.8l1.7-1.1C13.2,48.8,12.9,48.2,12.5,47.6z" />
                                                    <path
                                                        d="M16.1,55.4c0.5,0.5,1.1,1,1.6,1.4l1.2-1.6c-0.5-0.4-1-0.9-1.5-1.3L16.1,55.4z" />
                                                    <path
                                                        d="M13.2,52.2c0.4,0.6,0.9,1.1,1.4,1.6l1.5-1.4c-0.5-0.5-0.9-1-1.3-1.5L13.2,52.2z" />
                                                    <path
                                                        d="M44,59.2l0.7,1.9c0.7-0.3,1.4-0.5,2-0.8l-0.8-1.8C45.2,58.7,44.6,58.9,44,59.2z" />
                                                    <path
                                                        d="M56.4,49.3l1.7,1.1c0.4-0.6,0.8-1.2,1.1-1.8l-1.7-1C57.1,48.2,56.8,48.8,56.4,49.3z" />
                                                    <path
                                                        d="M58.4,45.8l1.8,0.8c0.3-0.7,0.6-1.3,0.8-2L59.2,44C58.9,44.6,58.7,45.2,58.4,45.8z" />
                                                    <path
                                                        d="M59.8,42.1l1.9,0.5c0.2-0.7,0.4-1.4,0.5-2.1l-2-0.4C60.1,40.8,60,41.4,59.8,42.1z" />
                                                    <path
                                                        d="M53.9,52.5l1.5,1.4c0.5-0.5,1-1.1,1.4-1.6L55.2,51C54.8,51.5,54.4,52,53.9,52.5z" />
                                                    <path
                                                        d="M40.1,60.3l0.4,2c0.7-0.1,1.4-0.3,2.1-0.5l-0.5-1.9C41.4,60,40.8,60.1,40.1,60.3z" />
                                                    <path
                                                        d="M47.6,57.5l1,1.7c0.6-0.4,1.3-0.7,1.8-1.1l-1.1-1.7C48.8,56.8,48.2,57.1,47.6,57.5z" />
                                                    <path
                                                        d="M51,55.2l1.2,1.6c0.6-0.4,1.1-0.9,1.6-1.4l-1.4-1.5C52,54.4,51.5,54.8,51,55.2z" />
                                                    <path d="M31.8,65h6.5v-6.5h-6.5V65z M33.8,60.5h2.5V63h-2.5V60.5z" />
                                                </g>
                                            </svg>
                                        </span>
                                        <h4 class="icon-box-title ls-l text-none mb-0">Stunning<br>Design
                                        </h4>
                                    </div>
                                    <div class="icon-box flip-back bg-gradient">
                                        <div class="flip-content">
                                            <p class="text-white">
                                                Details matter, Quality, not quantity, Trends is what guides us.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-lg-3 mb-5">
                                <div class="flip-card flip-card-3d appear-animate" data-animation-options="{
                                        'name': 'fadeInUpShorter', 'delay': '.35s'
                                    }">
                                    <div class="icon-box icon-box-lg flip-front">
                                        <span class="icon-box-icon mb-4">
                                            <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 70 70" width="96px" height="96px"
                                                enable-background="new 0 0 70 70" xml:space="preserve">
                                                <g>
                                                    <path
                                                        d="M36,14.2V13h2.1c1.1,0,2.1-0.4,2.9-1.2c0.8-0.8,1.2-1.8,1.2-2.8c0-1.1-0.4-2.1-1.2-2.8C40.2,5.4,39.1,5,38.1,5h-6.1
                                                    c-1.1,0-2.1,0.4-2.9,1.2C28.3,6.9,27.9,8,27.9,9c0,1.1,0.4,2.1,1.2,2.8c0.8,0.8,1.8,1.2,2.9,1.2H34v1.1
                                                    C20.4,14.7,9.5,25.9,9.5,39.6C9.5,53.6,20.9,65,35,65c14.1,0,25.5-11.4,25.5-25.4C60.5,25.9,49.6,14.7,36,14.2z M31.9,11.1
                                                    c-0.6,0-1.1-0.2-1.5-0.6c-0.4-0.4-0.6-0.9-0.6-1.5c0-0.6,0.2-1.1,0.6-1.5c0.4-0.4,0.9-0.6,1.5-0.6h6.1c0.6,0,1.1,0.2,1.5,0.6
                                                    c0.4,0.4,0.6,0.9,0.6,1.5c0,0.6-0.2,1.1-0.6,1.5c-0.4,0.4-0.9,0.6-1.5,0.6H36V9H34v2.1H31.9z M35,63.1c-13,0-23.6-10.5-23.6-23.5
                                                    C11.4,26.6,22,16.1,35,16.1c13,0,23.6,10.5,23.6,23.5C58.6,52.5,48,63.1,35,63.1z" />
                                                    <path
                                                        d="M35,18c-12,0-21.7,9.7-21.7,21.6c0,11.9,9.7,21.6,21.7,21.6c12,0,21.7-9.7,21.7-21.6C56.7,27.7,47,18,35,18z M35,59.3
                                                    c-10.9,0-19.7-8.8-19.7-19.7c0-10.8,8.9-19.7,19.7-19.7c10.9,0,19.7,8.8,19.7,19.7C54.7,50.4,45.9,59.3,35,59.3z" />
                                                    <path d="M34,22.3H36v2.4H34V22.3z" />
                                                    <path d="M26.7,27.1l-1.2-2.1l1.7-1l1.2,2.1L26.7,27.1z" />
                                                    <path d="M21.5,33l-2.1-1.2l1-1.7l2.1,1.2L21.5,33z" />
                                                    <path d="M17.6,38.6H20v1.9h-2.4V38.6z" />
                                                    <path d="M20.4,49.1l-1-1.7l2.1-1.2l1,1.7L20.4,49.1z" />
                                                    <path d="M27.2,55.1l-1.7-1l1.2-2.1l1.7,1L27.2,55.1z" />
                                                    <path d="M34,54.5H36v2.4H34V54.5z" />
                                                    <path d="M42.8,55.1L41.7,53l1.7-1l1.2,2.1L42.8,55.1z" />
                                                    <path d="M49.6,49.1l-2.1-1.2l1-1.7l2.1,1.2L49.6,49.1z" />
                                                    <path d="M50,38.6h2.4v1.9H50V38.6z" />
                                                    <path d="M49.6,30.1l1,1.7L48.5,33l-1-1.7L49.6,30.1z" />
                                                    <path d="M43.3,27.1l-1.7-1l1.2-2.1l1.7,1L43.3,27.1z" />
                                                    <path
                                                        d="M34,34.9H36c0.5,0,1,0.2,1.3,0.5c0.4,0.4,0.5,1,0.5,1.3h1.9c0-1-0.4-2-1.1-2.7c-0.7-0.7-1.7-1.1-2.7-1.1V31H34v1.9
                                                    c-1,0-2,0.4-2.7,1.1c-0.7,0.7-1.1,1.7-1.1,2.7c0,1,0.4,2,1.1,2.7c0.7,0.7,1.7,1.1,2.7,1.1H36c0.5,0,1,0.2,1.3,0.6
                                                    c0.3,0.3,0.5,0.8,0.5,1.3c0,0.5-0.2,1-0.5,1.3c-0.4,0.4-0.9,0.6-1.3,0.6h-1.9c-0.5,0-1-0.2-1.3-0.5c-0.4-0.4-0.5-0.8-0.5-1.3h-1.9
                                                    c0,1,0.4,2,1.1,2.7c0.7,0.7,1.7,1.1,2.7,1.1v1.9H36v-1.9c1,0,2-0.4,2.7-1.1c0.7-0.7,1.1-1.7,1.1-2.7c0-1-0.4-2-1.1-2.7
                                                    C37.9,39,37,38.6,36,38.6h-1.9c-0.5,0-1-0.2-1.3-0.5c-0.4-0.4-0.5-0.8-0.5-1.3c0-0.5,0.2-1,0.5-1.3C33.1,35.1,33.5,34.9,34,34.9z" />
                                                    <path d="M54.6,17.9c0.3-0.3,0.7-0.2,0.9,0l1.2,1.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.3-0.2,0.5l-1.4,1.4l1.4,1.4l1.4-1.4
                                                    c0.5-0.5,0.8-1.1,0.8-1.8c0-0.7-0.3-1.3-0.8-1.8l-1.2-1.2c-0.5-0.5-1.1-0.8-1.8-0.8c-0.7,0-1.4,0.3-1.8,0.8L51.8,18l1.4,1.4
                                                    L54.6,17.9z" />
                                                    <path d="M13.4,22.8l1.4-1.4L13.3,20c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.2,0.1-0.3,0.2-0.5l1.2-1.2c0.3-0.3,0.7-0.2,0.9,0l1.4,1.4
                                                    l1.4-1.4l-1.4-1.4c-0.5-0.5-1.1-0.8-1.8-0.8c-0.7,0-1.3,0.3-1.8,0.8l-1.2,1.2c-0.5,0.5-0.8,1.1-0.8,1.8c0,0.7,0.3,1.3,0.8,1.8
                                                    L13.4,22.8z" />
                                                </g>
                                            </svg>
                                        </span>
                                        <h4 class="icon-box-title ls-l text-none mb-3">High-Speed
                                            Performance</h4>
                                    </div>
                                    <div class="icon-box flip-back bg-gradient">
                                        <div class="flip-content">
                                            <p class="text-white">
                                                High quality code and optimization helps template on high-speed.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-lg-3 mb-5">
                                <div class="flip-card flip-card-3d appear-animate" data-animation-options="{
                                        'name': 'fadeInUpShorter', 'delay': '.2s'
                                    }">
                                    <div class="icon-box icon-box-lg flip-front">
                                        <span class="icon-box-icon mb-4">
                                            <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 70 70" width="96px" height="96px"
                                                enable-background="new 0 0 70 70" xml:space="preserve">
                                                <g>
                                                    <path
                                                        d="M7.1,20.9h52.1v-1.1V11H5v9.9v34.4h22.9v-2.1H7.1V20.9z M7.1,13.1h50v5.7h-50V13.1z" />
                                                    <rect x="11.3" y="15" width="1.9" height="1.9" />
                                                    <rect x="42.8" y="15" width="1.9" height="1.9" />
                                                    <rect x="46.7" y="15" width="1.9" height="1.9" />
                                                    <rect x="50.6" y="15" width="1.9" height="1.9" />
                                                    <rect x="11.5" y="23.6" width="9.6" height="2.1" />
                                                    <rect x="15.2" y="27.6" width="10.6" height="2.1" />
                                                    <rect x="15.2" y="31.8" width="5.3" height="2.1" />
                                                    <rect x="22.3" y="31.8" width="4.2" height="2.1" />
                                                    <rect x="15.2" y="35.7" width="7.8" height="2.1" />
                                                    <rect x="11.5" y="40" width="9.6" height="2.1" />
                                                    <rect x="15.2" y="44" width="4.7" height="2.1" />
                                                    <rect x="12.3" y="47.9" width="4.7" height="2.1" />
                                                    <rect x="22.3" y="44" width="4.2" height="2.1" />
                                                    <path
                                                        d="M58.7,44.4c0.6,0,1.1-0.5,1.1-1.1v-3.2c0-0.6-0.5-1.1-1.1-1.1h-2.1c-0.2-0.6-0.4-1.2-0.7-1.7l1.5-1.5
                                               c0.2-0.2,0.3-0.5,0.3-0.7c0-0.3-0.1-0.5-0.3-0.7L55,32c-0.4-0.4-1.1-0.4-1.5,0L52,33.5c-0.6-0.3-1.1-0.5-1.7-0.7v-2.1
                                               c0-0.6-0.5-1.1-1.1-1.1H46c-0.6,0-1.1,0.5-1.1,1.1v2.1c-0.6,0.2-1.2,0.4-1.7,0.7L41.7,32c-0.4-0.4-1.1-0.4-1.5,0l-2.3,2.3
                                               c-0.4,0.4-0.4,1.1,0,1.5l1.5,1.5c-0.3,0.5-0.5,1.1-0.7,1.7h-2.1c-0.6,0-1.1,0.5-1.1,1.1v3.2c0,0.6,0.5,1.1,1.1,1.1h2.1
                                               c0.2,0.6,0.4,1.2,0.7,1.7l-1.5,1.5c-0.4,0.4-0.4,1.1,0,1.5l2.3,2.3c0.2,0.2,0.5,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3l1.5-1.5
                                               c0.6,0.3,1.1,0.5,1.7,0.7v2.1c0,0.6,0.5,1.1,1.1,1.1h3.3c0.6,0,1.1-0.5,1.1-1.1v-2.1c0.6-0.2,1.2-0.4,1.7-0.7l1.5,1.5
                                               c0.4,0.4,1.1,0.4,1.5,0l2.3-2.3c0.2-0.2,0.3-0.5,0.3-0.7c0-0.3-0.1-0.5-0.3-0.7l-1.5-1.5c0.3-0.5,0.5-1.1,0.7-1.7H58.7z M55.7,42.3
                                               c-0.5,0-0.9,0.4-1,0.8c-0.2,0.9-0.5,1.8-1.1,2.6c-0.3,0.4-0.2,1,0.1,1.3l1.3,1.3l-0.8,0.8l-1.3-1.3c-0.4-0.4-0.9-0.4-1.3-0.1
                                               c-0.8,0.5-1.6,0.9-2.6,1.1c-0.5,0.1-0.8,0.5-0.8,1v1.9H47v-1.9c0-0.5-0.4-0.9-0.8-1c-0.9-0.2-1.8-0.5-2.6-1.1
                                               c-0.4-0.3-1-0.2-1.3,0.1L41,49.1l-0.8-0.8l1.3-1.3c0.4-0.4,0.4-0.9,0.1-1.3c-0.5-0.8-0.9-1.6-1.1-2.6c-0.1-0.5-0.5-0.8-1-0.8h-1.9
                                               v-1.1h1.9c0.5,0,0.9-0.4,1-0.8c0.2-0.9,0.5-1.8,1.1-2.6c0.3-0.4,0.2-1-0.1-1.3l-1.3-1.3l0.8-0.8l1.3,1.3c0.4,0.4,0.9,0.4,1.3,0.1
                                               c0.8-0.5,1.7-0.9,2.6-1.1c0.5-0.1,0.8-0.5,0.8-1v-1.9h1.1v1.9c0,0.5,0.4,0.9,0.8,1c0.9,0.2,1.8,0.5,2.6,1.1c0.4,0.3,1,0.2,1.3-0.1
                                               l1.3-1.3l0.8,0.8l-1.3,1.3c-0.4,0.4-0.4,0.9-0.1,1.3c0.5,0.8,0.9,1.6,1.1,2.6c0.1,0.5,0.5,0.8,1,0.8h1.9v1.1H55.7z" />
                                                    <path
                                                        d="M47.6,37.3c-2.4,0-4.4,2-4.4,4.4c0,2.4,2,4.4,4.4,4.4s4.4-2,4.4-4.4C52,39.3,50,37.3,47.6,37.3z M47.6,44
                                               c-1.2,0-2.3-1-2.3-2.3c0-1.2,1-2.3,2.3-2.3c1.2,0,2.3,1,2.3,2.3C49.9,42.9,48.9,44,47.6,44z" />
                                                    <path d="M32.4,41.7c0-8.4,6.8-15.2,15.3-15.2c5.7,0,10.9,3.1,13.5,8.2c0.1,0.5,0.5,0.8,1,0.8c0.6,0,1.1-0.5,1.1-1.1
                                               v-7.4c0-0.6-0.5-1.1-1.1-1.1s-1.1,0.5-1.1,1.1v3.7c-3.3-4-8.2-6.4-13.5-6.4c-9.6,0-17.4,7.8-17.4,17.3c0,0.6,0.5,1.1,1.1,1.1
                                               S32.4,42.3,32.4,41.7z" />
                                                    <path
                                                        d="M63.9,40.6c-0.6,0-1.1,0.5-1.1,1.1c0,8.4-6.8,15.2-15.3,15.2c-5.8,0-11-3.2-13.6-8.3
                                               c-0.3-0.5-0.9-0.7-1.4-0.5c-0.4,0.2-0.6,0.6-0.6,1.1c0,0,0,0.1,0,0.1v7.4c0,0.6,0.5,1.1,1.1,1.1c0.6,0,1.1-0.5,1.1-1.1v-4.1
                                               c3.3,4,8.2,6.4,13.5,6.4C57.2,59,65,51.2,65,41.7C65,41.1,64.5,40.6,63.9,40.6z" />
                                                    <rect x="28.1" y="27.6" width="2.8" height="2.1" />
                                                </g>
                                            </svg>
                                        </span>
                                        <h4 class="icon-box-title ls-l text-none mb-3">Fully &amp; Easy
                                            Customizable</h4>
                                    </div>
                                    <div class="icon-box flip-back bg-gradient">
                                        <div class="flip-content">
                                            <p class="text-white">
                                                Easily customize every part through perfect widgets &amp; options.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- End of Main Features section -->

                <section class="description-section">
                    <div class="container text-center">
                        <h3 class="section-title font-weight-bolder ls-10 lh-1 appear-animate" data-animation-options="{
                            'name': 'blurIn', 'delay': '.2s'
                        }">Great Gift For<br>e-Shop or Multi-Vendor Site</h3>
                        <p class="section-desc text-default mx-auto appear-animate" data-animation-options="{
                            'name': 'fadeIn', 'delay': '.8s'
                        }">Wolmart is the best html template
                            that helps you build your own e-shop or multi-vendor marketplace project like Amazon, eBay,
                            etc. Wolmart provides the high coding standards template with modern and attractive UI/UX
                            design following the trends of the best practises of code and design.</p>
                        <div class="row mb-2">
                            <div class="col-xl-8 col-lg-10 mx-auto">
                                <div class="d-md-flex justify-content-center align-items-center mb-8">
                                    <div class="duplex-wrapper mb-6">
                                        <div class="duplex appear-animate" data-animation-options="{
                                            'name': 'fadeInRightShorter', 'delay': '.4s'
                                        }">
                                            <span class="count text-white appear-animate" data-animation-options="{
                                                'name': 'blurIn', 'delay': '.8s'
                                            }">15+</span>
                                        </div>
                                        <div class="description appear-animate" data-animation-options="{
                                            'name': 'fadeIn', 'delay': '1s'
                                        }">
                                            <h4 class="font-weight-bold ls-25">Included Demos</h4>
                                            <a href="#section-demos"
                                                class="btn btn-link btn-underline btn-icon-right btn-dark">View
                                                Demos</a>
                                        </div>
                                    </div>
                                    <span class="h-divider d-none d-md-block mb-6"></span>
                                    <div class="duplex-wrapper mb-6">
                                        <div class="duplex appear-animate" data-animation-options="{
                                            'name': 'fadeInLeftShorter', 'delay': '.4s'
                                        }">
                                            <span class="count text-white appear-animate" data-animation-options="{
                                                'name': 'blurIn', 'delay': '.8s'
                                            }">120+</span>
                                        </div>
                                        <div class="description appear-animate " data-animation-options="{
                                            'name': 'fadeIn', 'delay': '1s'
                                        }">
                                            <h4 class="font-weight-bold ls-25">Included Pages</h4>
                                            <a href="#section-demos"
                                                class="btn btn-link btn-underline btn-icon-right btn-dark">View
                                                Pages</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="desc-img-wrapper">
                            <img class="desc-window1 appear-animate float-el lazy-img" data-animation-options="{
                                'name': 'fadeInRightShorter', 'delay': '.2s'
                            }" data-src="assets/landing/images/description/5-251x230.png"
                                src="assets/landing/images/lazy.png" alt="description image" width="251" height="230">
                            <img class="desc-window2 appear-animate float-el lazy-img" data-animation-options="{
                                'name': 'fadeInLeftShorter', 'delay': '.8s'
                            }" data-src="assets/landing/images/description/3-530x355.jpg"
                                src="assets/landing/images/lazy.png" alt="description image" width="530" height="355">
                            <img class="desc-window3 appear-animate float-el lazy-img" data-animation-options="{
                                'name': 'fadeInRightShorter', 'delay': '.6s'
                            }" data-src="assets/landing/images/description/2-530x355.jpg"
                                src="assets/landing/images/lazy.png" alt="description image" width="530" height="355">
                            <img class="desc-window4 appear-animate float-el lazy-img" data-animation-options="{
                                'name': 'fadeInLeftShorter', 'delay': '.4s'
                            }" data-src="assets/landing/images/description/6-294x47.png"
                                src="assets/landing/images/lazy.png" alt="description image" width="294" height="47">
                            <img class="desc-window5 appear-animate float-el lazy-img" data-animation-options="{
                                'name': 'fadeInLeftShorter', 'delay': '.6s'
                            }" data-src="assets/landing/images/description/5-251x230.png"
                                src="assets/landing/images/lazy.png" alt="descripton image" width="251" height="230">
                            <img class="desc-window6 appear-animate float-el lazy-img" data-animation-options="{
                                'name': 'fadeInRightShorter', 'delay': '.4s'
                            }" data-src="assets/landing/images/description/1-537x394.jpg"
                                src="assets/landing/images/lazy.png" alt="description image" width="537" height="394">

                        </div>
                    </div>
                </section>
                <!-- End of Description Section -->

                <section class="main-reason-section float-bg lazy-bg" style="background-image: url(assets/landing/images/reasons/reason-bg.jpg); 
                    background-color: #3064e9; background-position: 0 0; background-size:
                110%;">
                    <div class="container">
                        <div class="row mb-6">
                            <div class="animated-ellipses col-xl-5">
                                <div class="ellipse"></div>
                                <div class="ellipse"></div>
                                <div class="ellipse"></div>
                                <div class="ellipse"></div>
                                <div class="count-wrapper appear-animate" data-animation-options="{
                                    'name': 'blurIn', 'delay': '.4s'
                                }">
                                    <label class="text-gradient">5</label>
                                </div>
                                <div class="text-reasons">
                                    <h3 class="text-white text-uppercase font-weight-bolder mb-2 appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInLeftShorter', 'delay': '.4s'
                                    }">Reasons</h3>
                                    <h3 class="text-white text-uppercase font-weight-bolder mb-2 appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInLeftShorter', 'delay': '.8s'
                                    }">Why you should choose
                                    </h3>
                                    <h3 class="text-white text-uppercase font-weight-bolder mb-0 appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInLeftShorter', 'delay': '1.2s'
                                    }">Wolmart</h3>
                                </div>
                            </div>
                            <div class="col-xl-6 pl-9 pr-10 pt-4 appear-animate" data-animation-options="{
                                'name': 'fadeIn', 'delay': '.5s'
                            }">
                                <h3 class="text-white text-capitalize font-weight-bolder ls-10 lh-1 mt-2">With Wolmart
                                    Your Satisfaction Is Guaranteed.</h3>
                                <p class="text-white ">You will be able to find 5 most important things for your
                                    marketplace below.</p>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xl-11 col-lg-12 mx-md-auto">
                                <div class="timeline">
                                    <div class="timeline-body">
                                        <article class="timeline-box left">
                                            <div class="timeline-content">
                                                <h2 class="font-weight-bolder text-dark appear-animate"
                                                    data-animation-options="{
                                                    'name': 'zoomIn', 'delay': '.2s'
                                                }">01.</h2>
                                                <h4 class="timeline-title text-white appear-animate"
                                                    data-animation-options="{
                                                    'name': 'fadeInRightShorter', 'delay': '.3s'
                                                }">An Optimized Performance With
                                                    High Speed And Code Quality</h4>
                                                <div class="appear-animate" data-animation-options="{
                                                    'name': 'fadeInRightShorter', 'delay': '.4s'
                                                }">
                                                    <p class="mb-0 text-white">Wolmart's high rendering speed with
                                                        clean and optimized structure is the main key to lead your
                                                        ecommerce top of the world.</p>
                                                </div>
                                            </div>
                                            <span class="timeline-node appear-animate" data-animation-options="{
                                                'name': 'fadeInUpShorter', 'delay': '.2s'
                                            }">
                                                <img src="assets/landing/images/reasons/step1-386x150.png" width="386"
                                                    height="150" alt="Timeline Node">
                                            </span>
                                        </article>
                                        <!-- End of Timeline Box -->

                                        <article class="timeline-box right">
                                            <div class="timeline-content">
                                                <h2 class="font-weight-bolder text-dark appear-animate"
                                                    data-animation-options="{
                                                    'name': 'zoomIn', 'delay': '.2s'
                                                }">02.</h2>
                                                <h4 class="timeline-title text-white appear-animate"
                                                    data-animation-options="{
                                                    'name': 'fadeInLeftShorter', 'delay': '.2s'
                                                }">The Most Fashionalbe Design By Top Level Designers</h4>
                                                <div class="appear-animate" data-animation-options="{
                                                    'name': 'fadeInLeftShorter', 'delay': '.2s'
                                                }">
                                                    <p class="mb-0 text-white">All of the UX/UIs in Wolmart are made by
                                                        famous designers with long-ranged visions. You will be
                                                        able to have a great feeling from Wolmart.</p>
                                                </div>
                                            </div>
                                            <span class="timeline-node appear-animate" data-animation-options="{
                                                'name': 'fadeInUpShorter', 'delay': '.2s'
                                            }">
                                                <img src="assets/landing/images/reasons/step2-386x150.png"
                                                    alt="Timeline Node" width="386" height="150">
                                            </span>
                                        </article>
                                        <!-- End of Timeline Box -->

                                        <article class="timeline-box left">
                                            <div class="timeline-content">
                                                <h2 class="font-weight-bolder text-dark appear-animate"
                                                    data-animation-options="{'name': 'zoomIn', 'delay': '.2s'}">03.</h2>
                                                <h4 class="timeline-title text-white appear-animate"
                                                    data-animation-options="{
                                                    'name': 'fadeInRightShorter', 'delay': '.3s'
                                                }">Tons of Marketplace Toolkit</h4>
                                                <div class="appear-animate" data-animation-options="{
                                                    'name': 'fadeInRightShorter', 'delay': '.4s'
                                                }">
                                                    <p class="mb-0 text-white">Wolmart offers an extemely wide range of
                                                        toolkits that helps you build marketplace including shop,
                                                        product
                                                        and multi-vendor pages.</p>
                                                </div>
                                            </div>
                                            <span class="timeline-node appear-animate" data-animation-options="{
                                                'name': 'fadeInUpShorter', 'delay': '.3s'
                                            }">
                                                <img src="assets/landing/images/reasons/step3-386x150.png"
                                                    alt="Timeline Node" width="386" height="150">
                                            </span>
                                        </article>
                                        <!-- End of Timeline Box -->

                                        <article class="timeline-box right">
                                            <div class="timeline-content">
                                                <h2 class="font-weight-bolder text-dark appear-animate"
                                                    data-animation-options="{
                                                    'name': 'zoomIn', 'delay': '.2s'
                                                }">04.</h2>
                                                <h4 class="timeline-title text-white appear-animate"
                                                    data-animation-options="{
                                                    'name': 'fadeInLeftShorter', 'delay': '.3s'
                                                }">Full Responsive & Mobile Optimized
                                                </h4>
                                                <div class="appear-animate" data-animation-options="{
                                                    'name': 'fadeInLeftShorter', 'delay': '.4s'
                                                }">
                                                    <p class="mb-0 text-white">Each & every function of this amazing
                                                        template will run impeccably in almost every device like -
                                                        desktop,
                                                        laptop, tablets and mobile phone</p>
                                                </div>
                                            </div>
                                            <span class="timeline-node appear-animate" data-animation-options="{
                                                'name': 'fadeInUpShorter', 'delay': '.3s'
                                            }">
                                                <img src="assets/landing/images/reasons/step4-386x150.png"
                                                    alt="Timeline Node" width="386" height="150">
                                            </span>
                                        </article>
                                        <!-- End of Timeline Box -->

                                        <article class="timeline-box left">
                                            <div class="timeline-content">
                                                <h2 class="font-weight-bolder text-dark appear-animate"
                                                    data-animation-options="{
                                                    'name': 'zoomIn', 'delay': '.2s'
                                                }">05.</h2>
                                                <h4 class="timeline-title text-white appear-animate"
                                                    data-animation-options="{
                                                    'name': 'fadeInRightShorter', 'delay': '.3s'
                                                }">Always Keep updates</h4>
                                                <div class="appear-animate" data-animation-options="{
                                                    'name': 'fadeInRightShorter', 'delay': '.4s'
                                                }">
                                                    <p class="mb-0 text-white">
                                                        Constant regular updates with modern design concepts and new
                                                        technology keeps Wolmart always fashionable among the
                                                        marketplace world
                                                    </p>
                                                </div>
                                            </div>
                                            <span class="timeline-node appear-animate" data-animation-options="{
                                                'name': 'fadeInUpShorter', 'delay': '.3s'
                                            }">
                                                <img src="assets/landing/images/reasons/step5-386x150.png"
                                                    alt="Timeline Node" width="386" height="150">
                                            </span>
                                        </article>
                                        <!-- End of Timeline Box -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- End of Main Reason Section -->

                <section class="demo-section text-center" id="section-demos">
                    <div class="container-fluid">
                        <h3 class="section-title ls-10 lh-1">
                            <span class="appear-animate" data-animation-options="{
                                'name': 'blurIn', 'delay': '.2s'
                            }">
                                <span class="text-gradient mr-1 appear-animate" data-animation-options="{
                                    'name': 'hueRotate', 'delay': '.4s', 'duration': '3s'
                                }">15+</span>
                            </span>
                            <span class="appear-animate" data-animation-options="{
                                    'name': 'fadeInRightShorter', 'delay': '.4s'
                                }">Stunning Marketplace Layouts</span></h3>
                        <p class="section-desc text-default mx-auto mb-6 appear-animate" data-animation-options="{
                            'name': 'fadeIn', 'delay': '.5s'
                        }">Find what you need in one of our fully equipped demos, shop, product & vendor pages provided
                            by Wolmart. Easy to use and highly customizable, they make it even easier to build your
                            marketplace.</p>
                        <nav class="demos-nav mb-10">
                            <ul class="nav-filters demo-filters d-flex justify-content-center flex-wrap"
                                data-target=".demos">
                                <li>
                                    <a href="#" class="nav-filter active btn btn-outline appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter', 'delay': '.6s'
                                    }" data-filter="demo-home">Home Pages</a>
                                </li>
                                <li>
                                    <a href="#" class="nav-filter btn btn-outline appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter', 'delay': '.75s'
                                    }" data-filter="demo-shop">Shop Pages</a>
                                </li>
                                <li>
                                    <a href="#" class="nav-filter btn btn-outline appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter', 'delay': '.9s'
                                    }" data-filter="demo-product">Product Pages</a>
                                </li>
                                <li>
                                    <a href="#" class="nav-filter btn btn-outline appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter','delay': '1.05s'
                                    }" data-filter="demo-vendor">Vendor
                                        Pages</a>
                                </li>
                                <li>
                                    <a href="#" class="nav-filter btn btn-outline appear-animate"
                                        data-animation-options="{
                                            'name': 'fadeInUpShorter', 'delay': '1.2s'
                                        }" data-filter="demo-other">Other Pages</a>
                                </li>
                            </ul>

                            <div class="demos grid gutter-lg row justify-content-center text-uppercase font-weight-bold text-dark cols-xs-2 cols-md-3 cols-lg-4"
                                data-grid-options="{
                                    'layoutMode': 'fitRows',
                                    'customDelay': 1000,
                                    'customInitHeight': true,
                                    'filter': '.demo-home'
                                }" style="margin: -1.5rem -1.6rem;">
                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.6s'
                                }">
                                    <a href="demo1.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-1.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Wolmart Demo 1"
                                            width="423" height="400">
                                        <span>Market Demo 1</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                'name': 'fadeInUpShorter', 'delay': '.7s'
                            }">
                                    <a href="demo2.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-2.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo2"
                                            width="423" height="400">
                                        <span>Market Demo 2</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <a href="demo3.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-3.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo3"
                                            width="423" height="400">
                                        <span>Market Demo 3</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.9s'
                                }">
                                    <a href="demo4.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-4.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo4"
                                            width="423" height="400">
                                        <span>Market Demo 4</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.2s'
                                }">
                                    <a href="demo5.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-5.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo5"
                                            width="423" height="400">
                                        <span>Market Demo 5</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.3s'
                                }">
                                    <a href="demo6.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-6.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo6"
                                            width="423" height="400">
                                        <span>Market Demo 6</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.5s'
                                }">
                                    <a href="demo7.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-7.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo7"
                                            width="423" height="400">
                                        <span>Market Demo 7</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.4s'
                                }">
                                    <a href="demo8.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-8.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo8"
                                            width="423" height="400">
                                        <span>Market Demo 8</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.7s'
                                }">
                                    <a href="demo9.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-9.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo9"
                                            width="423" height="400">
                                        <span>Market Demo 9</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <a href="demo10.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-10.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo10"
                                            width="423" height="400">
                                        <span>Market Demo 10</span>
                                    </a>
                                </div>
                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <a href="demo11.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-11.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo11"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Market Demo 11</span>
                                    </a>
                                </div>
                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <a href="demo12.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-12.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo12"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Market Demo 12</span>
                                    </a>
                                </div>
                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <a href="demo13.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-13.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo13"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Market Demo 13</span>
                                    </a>
                                </div>
                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <a href="demo14.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-14.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo14"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Market Demo 14</span>
                                    </a>
                                </div>
                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <a href="demo15.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-15.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo15"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Market Demo 15</span>
                                    </a>
                                </div>
                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <a href="demo-rtl.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-rtl.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo RtL"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Market Rtl Demo 1</span>
                                    </a>
                                </div>
                                <div class="grid-item demo-home appear-animate" data-animation-options="{
                                    'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <a href="demo-dark.html" target="blank">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/demo-dark.jpg"
                                            style="padding-top:  94.56%;" class="lazy-img" alt="Wolmart Demo Dark"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Market Dark Demo 1</span>
                                    </a>
                                </div>
                                <div class="grid-item demo-shop">
                                    <a href="shop-banner-sidebar.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/with-sidebar.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop Banner Sidebar"
                                            width="423" height="400">
                                        <span>Shop Banner Sidebar</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-boxed-banner.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/boxed-banner.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop Boxed Banner"
                                            width="423" height="400">
                                        <span>Shop Boxed Banner</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-fullwidth-banner.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/fullwidth.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop Fullwidth Banner"
                                            width="423" height="400">
                                        <span>Shop Fullwidth Banner</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-horizontal-filter.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/horizontal.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop Horizontal Filter"
                                            width="423" height="400">
                                        <span>Shop Horizontal Filter</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-off-canvas.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/offcanvas.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop Offcanvas Sidebar"
                                            width="423" height="400">
                                        <span>Shop Offcanvas Sidebar</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-infinite-scroll.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="../../../www.portotheme.com/html/wolmart/assets/landing/images/demos/shop/Infinite.html"
                                            style="padding-top: 94.56%;" class="lazy-img"
                                            alt="Shop Infinite Ajax Scroll" width="423" height="400">
                                        <span>Shop Infinite Ajax Scroll</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-right-sidebar.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/right-sidebar.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop Right Sidebar"
                                            width="423" height="400">
                                        <span>Shop Right Sidebar</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-both-sidebar.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/both-sidebar.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop Both Sidebar"
                                            width="423" height="400">
                                        <span>Shop Both Sidebar</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-grid-3cols.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/3column.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop Layout 3cols"
                                            width="423" height="400">
                                        <span>Shop 3 Columns</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-grid-4cols.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/4column.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop 4 Columns"
                                            width="423" height="400">
                                        <span>Shop 4 Columns</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-grid-5cols.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/5column.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop 5 Columns"
                                            width="423" height="400">
                                        <span>Shop 5 Columns</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-grid-6cols.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/6column.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop 6 Columns"
                                            width="423" height="400">
                                        <span>Shop 6 Columns</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-grid-7cols.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/7column.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop 7 Columns"
                                            width="423" height="400">
                                        <span>Shop 7 Columns</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-grid-8cols.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/8column.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop 8 Columns"
                                            width="423" height="400">
                                        <span>Shop 8 Columns</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-list.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/list.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop List" width="423"
                                            height="400">
                                        <span>Shop List</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="shop-list-sidebar.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/list-sidebar.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop List Sidebar"
                                            width="423" height="400">
                                        <span>Shop List Sidebar</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="demo-rtl-shop.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/rtl.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop List Sidebar"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Shop RTL</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-shop">
                                    <a href="demo-dark-shop.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/shop/dark.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Shop List Sidebar"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Shop Dark</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-default.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/default.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Default"
                                            width="423" height="400">
                                        <span>Product Default</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-gallery.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/gallery.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Gallery"
                                            width="423" height="400">
                                        <span>Product Gallery</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-grid.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/grid.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Grid" width="423"
                                            height="400">
                                        <span>Product Grid</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-masonry.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/masonry.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Masonry"
                                            width="423" height="400">
                                        <span>Product Masonry</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-sticky-both.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/sticky-both.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Sticky Both"
                                            width="423" height="400">
                                        <span>Product Sticky Both</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-sticky-info.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/sticky-info.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Sticky Info"
                                            width="423" height="400">
                                        <span>Product Sticky Info</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-sticky-thumb.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/sticky-thumb.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Sticky Thumb"
                                            width="423" height="400">
                                        <span>Product Sticky Thumb</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-vertical.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/vertical.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Vertical"
                                            width="423" height="400">
                                        <span>Product Vertical</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-without-sidebar.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/without-sidebar.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Without Sidebar"
                                            width="423" height="400">
                                        <span>Product Without Sidebar</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-accordion.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/data-accordion.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Data Accordion"
                                            width="423" height="400">
                                        <span>Product Data Accordion</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-section.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/data-section.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Data Section"
                                            width="423" height="400">
                                        <span>Product Data Section</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="product-video.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/360-degree-gallery.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Data Section"
                                            width="423" height="400">
                                        <span>360 Degree &amp; Video</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-product">
                                    <a href="demo-dark-product.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/dark.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Data Section"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Product Dark</span>
                                    </a>
                                </div>
                                
                                <div class="grid-item demo-product">
                                    <a href="demo-rtl-product.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/products/rtl.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Product Data Section"
                                            width="423" height="400">
                                        <span class="label-new">new</span>
                                        <span>Product RTL</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-vendor">
                                    <a href="vendor-dokan-store-grid.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/vendors/store-listing-1.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Store Listing 1"
                                            width="423" height="400">
                                        <span>Store Listing 1</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-vendor">
                                    <a href="vendor-dokan-store.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/vendors/store-listing-2.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Store Listing 2"
                                            width="423" height="400">
                                        <span>Store Listing 2</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-vendor">
                                    <a href="vendor-wcfm-store-list.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/vendors/store-listing-3.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Store Listing 3"
                                            width="423" height="400">
                                        <span>Store Listing 3</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-vendor">
                                    <a href="vendor-wcfm-store-product-list.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/vendors/store-listing-4.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Store Lising 4"
                                            width="423" height="400">
                                        <span>Store Lising 4</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-vendor">
                                    <a href="vendor-wc-store-list.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/vendors/vendor-store-1.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Vendor Store 1"
                                            width="423" height="400">
                                        <span>Vendor Store 1</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-vendor">
                                    <a href="vendor-wc-store-list.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/vendors/vendor-store-2.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Vendor Store 2"
                                            width="423" height="400">
                                        <span>Vendor Store 2</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-vendor">
                                    <a href="vendor-wc-store-list.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/vendors/vendor-store-3.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Vendor Store 3"
                                            width="423" height="400">
                                        <span>Vendor Store 3</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-vendor">
                                    <a href="vendor-wc-store-list.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/vendors/vendor-store-4.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Vendor Store 4"
                                            width="423" height="400">
                                        <span>Vendor Store 4</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="about-us.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/about-us.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="About Us" width="423"
                                            height="400">
                                        <span>About Us</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="my-account.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/account.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="My Account" width="423"
                                            height="400">
                                        <span>Account</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="cart.html" target="blank" class="appear-animate" data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/cart.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Cart" width="423"
                                            height="400">
                                        <span>Cart</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="checkout.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/checkout.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Checkout" width="423"
                                            height="400">
                                        <span>Checkout</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="contact-us.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/contact-us.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Contact Us" width="423"
                                            height="400">
                                        <span>Contact Us</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="wishlist.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/wishlist.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Wishlist" width="423"
                                            height="400">
                                        <span>Wishlist</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="coming-soon.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/coming-soon.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Coming Soon" width="423"
                                            height="400">
                                        <span>Coming Soon</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="compare.html" target="blank" class="appear-animate" data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/compare.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Compare" width="423"
                                            height="400">
                                        <span>Compare</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="error-404.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/error.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Error 404" width="423"
                                            height="400">
                                        <span>Error 404</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="blog.html" target="blank" class="appear-animate" data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/blog-classic.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Blog Classic" width="423"
                                            height="400">
                                        <span>Blog Classic</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="blog-grid-2cols.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/blog-grid2.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Blog Grid 2" width="423"
                                            height="400">
                                        <span>Blog Grid 2</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="blog-grid-3cols.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/blog-grid3.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Blog Grid 3" width="423"
                                            height="400">
                                        <span>Blog Grid 3</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="blog-grid-4cols.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/blog-grid4.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Blog Grid 4" width="423"
                                            height="400">
                                        <span>Blog Grid 4</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="blog-grid-sidebar.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/blog-gridsidebar.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Blog Grid Sidebar"
                                            width="423" height="400">
                                        <span>Blog Grid Sidebar</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="blog-listing.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/blog-list.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Blog List" width="423"
                                            height="400">
                                        <span>Blog List</span>
                                    </a>
                                </div>

                                <div class="grid-item demo-other">
                                    <a href="blog-mask-grid.html" target="blank" class="appear-animate"
                                        data-animation-options="{
                                        'name': 'fadeInUpShorter'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/demos/other/blog-mask.jpg"
                                            style="padding-top: 94.56%;" class="lazy-img" alt="Blog Mask" width="423"
                                            height="400">
                                        <span>Blog Mask</span>
                                    </a>
                                </div>
                            </div>

                            <div
                                class="demo-actions-wrap mt-6 d-flex justify-content-center align-items-center flex-wrap">
                                <a href="demo1.html" class="btn btn-dark btn-rounded mb-2 appear-animate"
                                    data-animation-options="{
                                    'name': 'fadeInRightShorter', 'delay': '.8s'
                                }">View
                                    Main Demo</a>
                                <a href="https://d-themes.com/buynow/wolmarthtml" target="_blank"
                                    class="btn btn-rounded btn-dark btn-gradient grad-reverse mb-2 appear-animate"
                                    data-animation-options="{
                                    'name': 'fadeInLeftShorter', 'delay': '.8s'
                                }">Buy Wolmart !</a>
                            </div>
                        </nav>
                    </div>
                </section>
                <!-- End of Demo Section -->

                <section class="section-wp pt-10 lazy-bg"
                    style="background-image: url(assets/landing/images/performance/wp-bg-2.jpg);">
                    <div class="container">
                        <div class="text-center mt-9">
                            <h3 class="section-title ls-10 lh-1 text-white appear-animate" data-animation-options="{
                                'name': 'fadeIn', 'delay': '.2s'
                            }">Wonderful <span class="highlight-word">Performance <span
                                        class="highlight parallax-effect"
                                        data-parallax-options="{'animation': true}"></span></span></h3>
                            <p class="section-desc mx-auto appear-animate col-lg-10 pb-6 text-white"
                                data-animation-options="{
                                'name': 'fadeIn', 'delay': '.4s'
                            }">Our team makes a great contribute to get the fastest pagespeed by high-qualified code,
                                exclusive speed optimization skill and high conversion rate websites with combination of
                                SEO.
                            </p>
                        </div>
                        <div class="col-md-10 mx-auto pt-8">
                            <div class="row">
                                <div class="col-sm-4 text-center">
                                    <figure class="p-relative d-inline-block appear-animate" data-animation-options="{
                                        'name': 'fadeIn', 'delay': '.1s'
                                    }">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/performance/counter-1.png" width="164"
                                            height="82" class="lazy-img" alt="Wolmart Performance Score"
                                            style="padding-top: 50%;">
                                        <div class="appear-animate" data-animation-options="{
                                            'name': 'moveArrow', 'delay': '0s', 'duration': '1.5s' 
                                        }">
                                            <img src="assets/landing/images/lazy.png"
                                                data-src="assets/landing/images/performance/counter-2.png" width="89"
                                                height="57" class="lazy-img" alt="Wolmart Performance Score"
                                                style="padding-top: 64.05%;">
                                        </div>
                                    </figure>
                                </div>
                                <div class="col-sm-4 col-6 order-sm-first mt-sm-0 mt-10">
                                    <div class="counter pr-lg-10 mr-xl-7 appear-animate" data-animation-options="{
                                        'name': 'fadeIn', 'delay': '.4s'
                                    }">
                                        <span class="counter-bg"></span>
                                        <figure class="d-inline-block">
                                            <img src="assets/landing/images/lazy.png"
                                                data-src="assets/landing/images/performance/wp-icon.png" width="72"
                                                height="100" class="lazy-img" alt="Wolmart Performance Score"
                                                style="padding-top: 138.89%;">
                                        </figure>
                                        <h4 class="text-white lh-1 font-weight-bolder">
                                            <span class="count-to" data-to="95" data-speed="1500">95</span>%</h4>
                                        <label class="text-white font-weight-bolder">PAGESPEED SCORE</label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-6 mt-sm-0 mt-10">
                                    <div class="counter pl-lg-6 appear-animate" data-animation-options="{
                                        'name': 'fadeIn', 'delay': '.2s'
                                    }">
                                        <figure class="d-inline-block"><img src="assets/landing/images/lazy.png"
                                                data-src="assets/landing/images/performance/wp-icon.png" width="72"
                                                height="100" class="lazy-img" alt="Wolmart Performance Score"
                                                style="padding-top: 138.89%;"></figure>
                                        <h4 class="text-white lh-1 font-weight-bolder">
                                            <span class="count-to" data-to="90" data-speed="1500">90</span>%</h4>
                                        <label class="text-white font-weight-bolder">YSLOW SCORE</label>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="section-features bg-light pt-10 pb-8" id="section-features">
                    <div class="container">
                        <div class="text-center mt-9">
                            <h3 class="section-title ls-10 lh-1 appear-animate" data-animation-options="{
                            'name': 'fadeIn', 'delay': '.2s'
                            }">Wolmart Features</h3>
                            <p class="section-desc mx-auto appear-animate pb-6" data-animation-options="{
                            'name': 'fadeIn', 'delay': '.4s'
                            }">Wolmart provides limitless, powerful and exclusive features
                                that can be used to build your multi-vendor marketplace project. Enjoy Wolmart!.
                            </p>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                            'name': 'fadeInUpShorter', 'delay': '.4s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-1.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Perfect Demo Import - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Vendor Page</h4>
                                    <p>Comes with amazing 4+ different kinds of multi-vendor
                                        pages that can be used to build your own Amazon, eBay-like marketplace.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="image-box text-center appear-animate" data-animation-options="{
                                'name': 'fadeInUpShorter', 'delay': '.8s'
                                }">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-2.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Built-in Mega Menu - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Mega Menu</h4>
                                    <p>Wolmart provides convenient functionality to build
                                        megamenu so easily only using CSS without using of any heavy plugins.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                            'name': 'fadeInUpShorter', 'delay': '.6s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-3.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="3 Quickview Types - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Quickview Popup</h4>
                                    <p>Quickview allows customers to see product in more detail
                                        without any being entered and redirected to the product page.
                                    </p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                            'name': 'fadeInUpShorter', 'delay': '1.2s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-4.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Low Level Servers - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Horizontal Filters</h4>
                                    <p>Did you ever feel bored or inconvenient with classic
                                        sidebar filter? Enjoy Wolmart's fresh and non-traditional horizontal filter!
                                    </p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                            'name': 'fadeInUpShorter', 'delay': '1s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-5.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Modern Ajax Shop - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">18+ Stunning Shop Layouts</h4>
                                    <p>Wolmart provides 18+ stunning shop page layouts that you
                                        can use easily to build your shop page.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                            'name': 'fadeInUpShorter', 'delay': '.4s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-6.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Video &amp; 360 Degree - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">18+ Awesome Product Layouts</h4>
                                    <p>Wolmart is designed to make your life easier. Every
                                        product layout is perfectly fit with your needs.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                            'name': 'fadeInUpShorter', 'delay': '.2s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-7.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Compare Products - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Recently Viewed Products</h4>
                                    <p>Sometimes customers want to keep track of their recent
                                        viewing history. Wolmart fits their needs perfectly.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                            'name': 'fadeInUpShorter', 'delay': '.4s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-8.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Comments with Images - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Color, Image &amp; Size Swatches</h4>
                                    <p>Enjoy Wolmart's color, image &amp; size swatches to
                                        display available product attributes like colors, size, etc.
                                    </p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                            'name': 'fadeInUpShorter', 'delay': '.6s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-9.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Frequently Bought - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Frequently Bought</h4>
                                    <p>Sometimes, you will need to show your total sales. Please increase your total
                                        sales by displaying the most popular products.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                                'name': 'fadeInUpShorter', 'delay': '.4s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-10.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Video &amp; 360 Degree - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Video &amp; 360 Degree</h4>
                                    <p>Video and rotating 360 degree gallery will attract people to buy the product.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                                'name': 'fadeInUpShorter', 'delay': '.2s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-11.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Compare Products - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Compare Products</h4>
                                    <p>Which product do you want? Please open your eyes and choose you favorite one.</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12 appear-animate" data-animation-options="{
                                'name': 'fadeInUpShorter', 'delay': '.4s'
                            }">
                                <div class="image-box text-center">
                                    <figure class="mb-7 d-inline-block">
                                        <img src="assets/landing/images/lazy.png"
                                            data-src="assets/landing/images/features/feature-12.jpg" width="350"
                                            height="250" class="lazy-img"
                                            alt="Comments with Images - One of Wolmart main features"
                                            style="padding-top: 71.43%;">
                                    </figure>
                                    <h4 class="font-weight-extrabold">Comments with Images</h4>
                                    <p>Please leave reviews with images,so that the buyers get more clear information.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="varient-layout-section overflow-hidden" style="background-image: url(assets/landing/images/variation-layout-bg.jpg); background-position: 0 0; 
                    background-repeat: no-repeat; background-size: cover;">
                    <div class="container text-center">
                        <h3 class="section-title text-white font-weight-bolder">Variation Layouts</h3>
                        <h4 class="section-subtitle text-white text-uppercase">Giant library of variations</h4>
                        <p class="section-desc text-white mx-auto">Comes with giant Variations of layouts that can be
                            used to make your website more elegant and powerful.</p>

                        <div class="row">
                            <div class="col-sm-4 d-lg-show">
                                <div class="swiper-container appear-animate" data-swiper-options="{
                                    'slidesPerView': 1.7,
                                    'spaceBetween': 0,
                                    'centeredSlides': true,
                                    'loop': true,
                                    'autoplay': {
                                        'disableOnInteraction': false,
                                        'pauseOnMouseEnter': true
                                    }
                                }">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide layout-item">
                                            <span class="layout-icon">
                                                <svg xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px"
                                                    width="220px" height="250px" viewBox="0 0 220 250"
                                                    enable-background="new 0 0 220 250" xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <path
                                                                d="M198.928-0.03H21.071c-11.58,0-21,9.42-21,21v208.059c0,11.58,9.42,21,21,21h177.856    c11.58,0,21-9.42,21-21V20.97C219.928,9.39,210.508-0.03,198.928-0.03z M213.928,229.029c0,8.271-6.729,15-15,15H21.071    c-8.271,0-15-6.729-15-15v-12.182h207.856L213.928,229.029L213.928,229.029z M213.928,210.848H6.071v-172h207.856L213.928,210.848    L213.928,210.848z M213.928,32.847H6.071V20.97c0-8.271,6.729-15,15-15h177.856c8.271,0,15,6.729,15,15L213.928,32.847    L213.928,32.847z" />
                                                            <circle cx="19.771" cy="20.219" r="3.902" />
                                                            <circle cx="32.803" cy="20.219" r="3.902" />
                                                            <circle cx="45.913" cy="20.219" r="3.902" />
                                                        </g>
                                                    </g>
                                                    <rect x="6.071" y="38.848" opacity="0.2" width="207.856" height="172" />
                                                </svg>
                                            </span>
                                            <h4 class="layout-title">Full Width Layout</h4>
                                        </div>
    
                                        <div class="swiper-slide layout-item">
                                            <span class="layout-icon">
                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="220px"
                                                    height="250px" viewBox="0 0 220 250" enable-background="new 0 0 220 250"
                                                    xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M198.857,0H21C9.42,0,0,9.42,0,21v208.063c0,11.578,9.42,21,21,21h177.857c11.58,0,21-9.422,21-21V21
                    C219.857,9.42,210.438,0,198.857,0z M21,6h177.857c8.271,0,15,6.729,15,15v11.877H6V21C6,12.729,12.729,6,21,6z M6,210.877v-172
                    h28.98v172H6z M40.98,38.877h137.5v172H40.98V38.877z M184.48,38.877h29.377v172H184.48V38.877z M198.857,244.063H21
                    c-8.271,0-15-6.729-15-15v-12.186h207.857v12.186C213.857,237.332,207.129,244.063,198.857,244.063z" />
                                                                <circle cx="19.736" cy="20.249" r="3.902" />
                                                                <circle cx="32.769" cy="20.249" r="3.902" />
                                                                <circle cx="45.878" cy="20.249" r="3.902" />
                                                            </g>
                                                        </g>
                                                    </g>
                                                    <rect x="40.98" y="38.877" opacity="0.2" width="137.5" height="172" />
                                                </svg>
                                            </span>
                                            <h4 class="layout-title">Width 1380px Layout</h4>
                                        </div>
    
                                        <div class="swiper-slide layout-item">
                                            <span class="layout-icon">
                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="220px"
                                                    height="250px" viewBox="0 0 220 250" enable-background="new 0 0 220 250"
                                                    xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M198.857,0H21C9.42,0,0,9.42,0,21v208.061c0,11.58,9.42,21,21,21h177.857c11.58,0,21-9.42,21-21V21
                    C219.857,9.42,210.438,0,198.857,0z M21,6h177.857c8.271,0,15,6.729,15,15v11.877H6V21C6,12.729,12.729,6,21,6z M6,210.877v-172
                    h38.98v172H6z M50.98,38.877h117.5v172H50.98V38.877z M174.48,38.877h39.377v172H174.48V38.877z M198.857,244.061H21
                    c-8.271,0-15-6.729-15-15v-12.184h207.857v12.184C213.857,237.331,207.128,244.061,198.857,244.061z" />
                                                                <circle cx="19.736" cy="20.249" r="3.902" />
                                                                <circle cx="32.769" cy="20.249" r="3.902" />
                                                                <circle cx="45.878" cy="20.249" r="3.902" />
                                                            </g>
                                                        </g>
                                                    </g>
                                                    <rect x="50.98" y="38.877" opacity="0.2" width="117.5" height="172" />
                                                </svg>
                                            </span>
                                            <h4 class="layout-title">Width 1180px Layout</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-4 d-lg-show">
                                <div class="swiper-container appear-animate" data-swiper-options="{
                                    'slidesPerView': 1.7,
                                    'spaceBetween': 0,
                                    'centeredSlides': true,
                                    'loop': true,
                                    'autoplay': {
                                        'disableOnInteraction': false,
                                        'pauseOnMouseEnter': true
                                    }
                                }">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide layout-item">
                                            <span class="layout-icon">
                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="220px"
                                                    height="250px" viewBox="0 0 220 250" enable-background="new 0 0 220 250"
                                                    xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M198.855,0H21C9.42,0,0,9.42,0,21v208.061c0,11.58,9.42,21,21,21h177.855c11.58,0,21-9.42,21-21V21
                    C219.855,9.42,210.438,0,198.855,0z M6,102h38.704v108.879H6V102z M213.855,229.061c0,8.271-6.729,15-15,15H21
                    c-8.271,0-15-6.729-15-15v-12.182h207.855V229.061z M50.704,210.879V102h118.819v108.879H50.704z M213.855,210.879h-38.332V102
                    h38.332V210.879L213.855,210.879z M213.855,96H6V38.877h207.855V96z M213.855,32.877H6V21c0-8.271,6.729-15,15-15h177.855
                    c8.271,0,15,6.729,15,15V32.877z" />
                                                                <circle cx="19.698" cy="20.248" r="3.902" />
                                                                <circle cx="32.731" cy="20.248" r="3.902" />
                                                                <circle cx="45.84" cy="20.248" r="3.902" />
                                                            </g>
                                                        </g>
                                                    </g>
                                                    <rect x="6" y="38.877" opacity="0.2" width="207.855" height="57.123" />
                                                </svg>
    
                                            </span>
                                            <h4 class="layout-title">Full Width Slider</h4>
                                        </div>
    
                                        <div class="swiper-slide layout-item">
                                            <span class="layout-icon">
                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="220px"
                                                    height="250px" viewBox="0 0 220 250" enable-background="new 0 0 220 250"
                                                    xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path
                                                                    d="M198.855,0H21C9.42,0,0,9.42,0,21v208.061c0,11.58,9.42,21,21,21h177.855c11.58,0,21-9.42,21-21V21
                    C219.855,9.42,210.438,0,198.855,0z M6,38.877h38.704v172.001H6V38.877z M50.704,210.878V102h118.819v108.878H50.704z
                     M133.531,70.688h35.992V96h-35.992V70.688z M169.523,64.688h-35.992V38.876h35.992V64.688z M127.531,96H50.704V38.877h76.827V96
                    z M213.855,229.061c0,8.271-6.729,15-15,15H21c-8.271,0-15-6.729-15-15v-12.183h207.855V229.061z M213.855,210.878h-38.332
                    V38.877h38.332V210.878L213.855,210.878z M213.855,32.877H6V21c0-8.271,6.729-15,15-15h177.855c8.271,0,15,6.729,15,15V32.877z" />
                                                                <circle cx="19.698" cy="20.248" r="3.902" />
                                                                <circle cx="32.731" cy="20.248" r="3.902" />
                                                                <circle cx="45.84" cy="20.248" r="3.902" />
                                                            </g>
                                                        </g>
                                                    </g>
                                                    <rect x="50.704" y="38.877" opacity="0.2" width="76.827"
                                                        height="57.123" />
                                                </svg>
    
                                            </span>
                                            <h4 class="layout-title">Width 1180px Grid Layout</h4>
                                        </div>
    
                                        <div class="swiper-slide layout-item">
                                            <span class="layout-icon">
                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="220px"
                                                    height="250px" viewBox="0 0 220 250" enable-background="new 0 0 220 250"
                                                    xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M198.855,0H21C9.42,0,0,9.42,0,21v208.061c0,11.58,9.42,21,21,21h177.855c11.58,0,21-9.42,21-21V21
                    C219.855,9.42,210.436,0,198.855,0z M6,38.877h38.704v172.002H6V38.877z M50.704,210.879V102h118.819v108.879H50.704z M50.704,96
                    V38.877h118.819V96H50.704z M213.855,229.061c0,8.271-6.729,15-15,15H21c-8.271,0-15-6.729-15-15v-12.182h207.855V229.061z
                     M213.855,210.879h-38.332V38.877h38.332V210.879z M213.855,32.877H50.704h-6H6V21c0-8.271,6.729-15,15-15h177.855
                    c8.271,0,15,6.729,15,15V32.877L213.855,32.877z" />
                                                                <circle cx="19.698" cy="20.248" r="3.902" />
                                                                <circle cx="32.731" cy="20.248" r="3.902" />
                                                                <circle cx="45.84" cy="20.248" r="3.902" />
                                                            </g>
                                                        </g>
                                                    </g>
                                                    <rect x="50.704" y="38.877" opacity="0.2" width="118.819"
                                                        height="57.123" />
                                                </svg>
    
                                            </span>
                                            <h4 class="layout-title">Width 1180px Slider</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-4 d-lg-show">
                                <div class="swiper-container appear-animate" data-swiper-options="{
                                    'slidesPerView': 1.7,
                                    'spaceBetween': 0,
                                    'centeredSlides': true,
                                    'loop': true,
                                    'autoplay': {
                                        'disableOnInteraction': false,
                                        'pauseOnMouseEnter': true
                                    }
                                }">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide layout-item">
                                            <span class="layout-icon">
                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="220px"
                                                    height="250px" viewBox="0 0 220 250" enable-background="new 0 0 220 250"
                                                    xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M198.855,0H21C9.42,0,0,9.42,0,21v208.061c0,11.58,9.42,21,21,21h177.855c11.58,0,21-9.42,21-21V21
                    C219.855,9.42,210.438,0,198.855,0z M6,21c0-8.271,6.729-15,15-15h177.855c8.271,0,15,6.729,15,15v11.877H6V21z M50.704,38.877
                    h163.151v26.412H50.704V38.877z M6,38.877h38.704v172.002H6V38.877z M213.855,229.061c0,8.271-6.729,15-15,15H21
                    c-8.271,0-15-6.729-15-15v-12.182h207.855V229.061z M50.704,210.879V71.289h163.151v139.59H50.704z" />
                                                                <circle cx="19.698" cy="20.249" r="3.902" />
                                                                <circle cx="32.731" cy="20.249" r="3.902" />
                                                                <circle cx="45.84" cy="20.249" r="3.902" />
                                                            </g>
                                                        </g>
                                                    </g>
                                                    <rect x="6" y="38.877" opacity="0.2" width="38.704" height="172.002" />
                                                </svg>
                                            </span>
                                            <h4 class="layout-title">Left Sidebar</h4>
                                        </div>
    
                                        <div class="swiper-slide layout-item">
                                            <span class="layout-icon">
                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="220px"
                                                    height="250px" viewBox="0 0 220 250" enable-background="new 0 0 220 250"
                                                    xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path
                                                                    d="M198.855,0H21C9.42,0,0,9.42,0,21v208.061c0,11.58,9.42,21,21,21h177.855c11.58,0,21-9.42,21-21V21
                    C219.855,9.42,210.438,0,198.855,0z M6,210.879V71.289h163.68v139.59H6z M169.68,65.289H6V38.877h163.68V65.289z
                     M213.855,229.061c0,8.271-6.729,15-15,15H21c-8.271,0-15-6.729-15-15v-12.182h207.855V229.061z M213.855,210.879h-38.179V38.877
                    h38.179V210.879L213.855,210.879z M213.855,32.877H6V21c0-8.271,6.729-15,15-15h177.855c8.271,0,15,6.729,15,15V32.877z" />
                                                                <circle cx="19.698" cy="20.249" r="3.902" />
                                                                <circle cx="32.73" cy="20.249" r="3.902" />
                                                                <circle cx="45.84" cy="20.249" r="3.902" />
                                                            </g>
                                                        </g>
                                                    </g>
                                                    <rect x="175.677" y="38.877" opacity="0.2" width="38.179"
                                                        height="172.002" />
                                                </svg>
    
                                            </span>
                                            <h4 class="layout-title">Right Sidebar</h4>
                                        </div>
    
                                        <div class="swiper-slide layout-item">
                                            <span class="layout-icon">
                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="220px"
                                                    height="250px" viewBox="0 0 220 250" enable-background="new 0 0 220 250"
                                                    xml:space="preserve">
                                                    <g>
                                                        <g>
                                                            <g>
                                                                <path d="M198.855,0H21C9.42,0,0,9.421,0,21v208.061c0,11.58,9.42,21,21,21h177.855c11.58,0,21-9.42,21-21V21.001
                    C219.855,9.421,210.436,0,198.855,0z M5.999,21c0-8.271,6.729-15,15-15h177.856c8.271,0,15,6.729,15,15v11.878H5.999V21z
                     M213.855,38.878v26.41H6v-26.41H213.855z M213.855,229.061c0,8.271-6.729,15-15,15H21c-8.271,0-15-6.729-15-15v-12.183h207.855
                    V229.061z M5.999,210.878V71.288h207.856v139.59H5.999z" />
                                                                <circle cx="19.697" cy="20.249" r="3.902" />
                                                                <circle cx="32.73" cy="20.249" r="3.902" />
                                                                <circle cx="45.839" cy="20.249" r="3.902" />
                                                            </g>
                                                        </g>
                                                    </g>
                                                    <rect x="6.071" y="68.848" opacity="0.2" width="207.856" height="142" />
                                                </svg>
                                            </span>
                                            <h4 class="layout-title">No Sidebar</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- End of Variation Layout Section -->

                <section class="element-section pt-10" id="section-elements">
                    <div class="container text-center">
                        <div class="mt-9">
                            <h2 class="section-title ls-10 lh-1 appear-animate" data-animation-options="{
                            'name': 'fadeIn', 'delay': '.2s'
                            }">Wolmart Elements</h2>
                            <p class="section-desc mx-auto appear-animate pb-6" data-animation-options="{
                            'name': 'fadeIn', 'delay': '.2s'
                            }">Wolmart offers tons of elements that
                                make your website more attrative and beautiful. Please come to us and enjoy with our
                                Wolmart.
                            </p>
                        </div>
                        <div class="row elements cols-xl-5 cols-lg-4 cols-md-3 cols-sm-2 cols-2 gutter-lg">
                            <div class="mb-6">
                                <a href="element-accordions.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.2s'
                                }">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                        version="1.1" x="0px" y="0px" width="70px" height="70px" viewBox="0 -4 70 70"
                                        enable-background="new 0 -4 70 70" xml:space="preserve">
                                        <g>
                                            <path
                                                d="M19.9,32.4h28.8c0.5,0,0.9-0.5,0.9-1.1c0-0.6-0.4-1.1-0.9-1.1H19.9c-0.5,0-0.9,0.5-0.9,1.1C19,31.9,19.4,32.4,19.9,32.4z">
                                            </path>
                                            <path
                                                d="M19.9,37.7h28.6c0.5,0,0.9-0.5,0.9-1.1c0-0.6-0.4-1.1-0.9-1.1H19.9c-0.5,0-0.9,0.5-0.9,1.1C19,37.2,19.4,37.7,19.9,37.7z">
                                            </path>
                                            <path
                                                d="M19.9,43h14.7c0.5,0,0.9-0.5,0.9-1.1c0-0.6-0.4-1.1-0.9-1.1H19.9c-0.5,0-0.9,0.5-0.9,1.1C19,42.5,19.4,43,19.9,43z">
                                            </path>
                                            <path
                                                d="M54.2,11H15.8c-1.9,0-3.4,1.7-3.4,3.8v32.4c0,2.1,1.5,3.8,3.4,3.8h38.4c1.9,0,3.4-1.7,3.4-3.8V14.8   C57.6,12.7,56,11,54.2,11z M14.3,23.6c0.1,0,0.1,0,0.2,0h41.2v23.5c0,1-0.7,1.8-1.5,1.8H15.8c-0.8,0-1.5-0.8-1.5-1.8V23.6z    M15.8,13h38.4c0.8,0,1.5,0.8,1.5,1.8v6.7H14.5c-0.1,0-0.1,0-0.2,0v-6.7C14.3,13.8,15,13,15.8,13z">
                                            </path>
                                            <path
                                                d="M19.5,18.7h6c0.5,0,0.9-0.4,0.9-1c0-0.5-0.4-1-0.9-1h-6c-0.5,0-0.9,0.4-0.9,1C18.6,18.2,19,18.7,19.5,18.7z">
                                            </path>
                                            <path
                                                d="M33.8,18.7h0.5c0.5,0,0.9-0.4,0.9-1c0-0.5-0.4-1-0.9-1h-0.5c-0.5,0-0.9,0.4-0.9,1C32.9,18.2,33.3,18.7,33.8,18.7z">
                                            </path>
                                            <path
                                                d="M28.8,18.7h0.5c0.5,0,0.9-0.4,0.9-1c0-0.5-0.4-1-0.9-1h-0.5c-0.5,0-0.9,0.4-0.9,1C28,18.2,28.4,18.7,28.8,18.7z">
                                            </path>
                                            <path
                                                d="M31.3,18.7h0.5c0.5,0,0.9-0.4,0.9-1c0-0.5-0.4-1-0.9-1h-0.5c-0.5,0-0.9,0.4-0.9,1C30.5,18.2,30.8,18.7,31.3,18.7z">
                                            </path>
                                            <path
                                                d="M48.5,19.5c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.3-0.1,0.4-0.2l2.8-2.7c0.2-0.2,0.2-0.4,0.1-0.6c-0.1-0.2-0.3-0.3-0.5-0.3h-5.5   c-0.2,0-0.4,0.1-0.5,0.3c-0.1,0.2-0.1,0.4,0.1,0.6L48.5,19.5z">
                                            </path>
                                        </g>
                                    </svg>
                                    <p>Accordions</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-alerts.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.3s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 -5 70 70" enable-background="new 0 -5 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path
                                                d="M35.2,37.8c0.6,0,1.1-0.5,1.1-1l0.4-15.4c0-0.6-0.4-1-1-1h-1.4c-0.6,0-1,0.5-1,1l0.4,15.4c0,0.6,0.5,1,1.1,1H35.2z" />
                                            <path
                                                d="M35,40.1c-1.2,0-2.1,0.9-2.1,2.2c0,1.2,0.9,2.2,2.1,2.2c1.3,0,2.1-0.9,2.1-2.2C37.1,41,36.3,40.1,35,40.1z" />
                                            <path d="M57.8,44.3L38.4,11.9c-0.7-1.2-2-1.9-3.4-1.9c-1.4,0-2.7,0.7-3.4,1.9L12.2,44.3c-0.7,1.2-0.7,2.6,0,3.8
        c0.7,1.2,2,1.9,3.4,1.9h38.8c1.4,0,2.7-0.7,3.4-1.9C58.5,46.9,58.5,45.5,57.8,44.3z M55.9,47c-0.3,0.5-0.8,0.7-1.5,0.7H15.6
        c-0.7,0-1.2-0.3-1.5-0.7c-0.3-0.5-0.3-1.1,0-1.6L33.5,13c0.3-0.5,0.9-0.8,1.5-0.8c0.6,0,1.2,0.3,1.5,0.8l19.4,32.4
        C56.2,45.9,56.2,46.5,55.9,47z" />
                                        </g>
                                    </svg>
                                    <p>Alerts</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-blog-posts.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.4s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 -9 70 70" enable-background="new 0 -9 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M55.6,46c-3.5,0-6.3-2.8-6.3-6.3c0-0.4,0-0.8,0.1-1.2c-0.1-1.3-1.1-2.2-2.3-2.2c-1.1,0-2.1,0.8-2.3,1.9
        c0.1,0.6,0.2,1.1,0.2,1.6c0,3.5-2.8,6.3-6.3,6.3c-3.5,0-6.3-2.8-6.3-6.3c0-3.5,2.8-6.3,6.3-6.3c2,0,4,1,5.1,2.7l0.1,0.1
        c0,0,0.1,0.1,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0l0.1-0.1c0.7-0.8,1.8-1.3,2.8-1.3c1.1,0,2.2,0.5,2.9,1.4l0.1,0.1c0,0,0.1,0,0.1,0
        c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1l0.1-0.1c1.2-1.7,3.1-2.7,5.2-2.7c3.5,0,6.3,2.8,6.3,6.3C61.9,43.2,59.1,46,55.6,46z M38.8,34.9
        c-2.7,0-4.9,2.2-4.9,4.8c0,2.7,2.2,4.8,4.9,4.8c2.7,0,4.9-2.2,4.9-4.8c0-0.4,0-0.8-0.1-1.2l0-0.1c0,0,0-0.1-0.1-0.1l0,0
        c0,0,0-0.1,0-0.1C42.7,36.2,40.9,34.9,38.8,34.9z M55.6,34.9c-2.7,0-4.9,2.2-4.9,4.8c0,2.7,2.2,4.8,4.9,4.8c2.7,0,4.9-2.2,4.9-4.8
        C60.5,37.1,58.3,34.9,55.6,34.9z" />
                                            <path d="M15.3,23.2h36.2v1.5H15.3V23.2z" />
                                            <path d="M15.3,30.2h36.2v1.5H15.3V30.2z" />
                                            <path d="M15.3,37.7h12.2v1.5H15.3V37.7z" />
                                            <path d="M22,20.7l-4-5.3c0,0-0.1-0.1-0.1-0.1c0,0,0,0,0,0c-0.1,0-0.1,0.1-0.1,0.1v5.2h-1.3v-7.6h1.3l4.2,5.4c0,0,0.1,0.1,0.1,0.1
        c0,0,0,0,0,0c0.1,0,0.1-0.1,0.1-0.1v-5.4h1.3v7.6L22,20.7L22,20.7z" />
                                            <path d="M26,20.7v-7.6h5.4v1.1h-3.9c-0.1,0-0.1,0.1-0.1,0.1v1.9c0,0.1,0.1,0.1,0.1,0.1h3.5v1h-3.5c-0.1,0-0.1,0.1-0.1,0.1v1.9
        c0,0.1,0.1,0.1,0.1,0.1h4.1v1.1H26L26,20.7z" />
                                            <path d="M40.3,20.7l-1.9-5.9c0-0.1-0.1-0.1-0.1-0.1l0,0c-0.1,0-0.1,0-0.1,0.1l-1.8,5.9h-1l-2.7-7.6h1.4l1.7,4.9
        c0,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0c0.1,0,0.1,0,0.1-0.1l1.5-4.9h1.5l1.5,4.9c0,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0
        c0.1,0,0.1,0,0.1-0.1l1.7-4.9h1.4l-2.7,7.6H40.3z" />
                                            <path d="M48.1,20.8c-1.1,0-2.2-0.4-3.1-1.2l0.8-0.9c0.8,0.7,1.7,1,2.4,1c0.4,0,0.7-0.1,1-0.3c0.3-0.2,0.4-0.5,0.4-0.8
        c0-0.3-0.1-0.6-0.4-0.8c-0.2-0.2-0.7-0.3-1.3-0.5c-0.9-0.2-1.6-0.5-2-0.8c-0.4-0.3-0.6-0.8-0.6-1.5c0-0.7,0.2-1.2,0.7-1.6
        c0.5-0.4,1.2-0.6,1.9-0.6c0.5,0,1,0.1,1.5,0.3c0.4,0.1,0.8,0.3,1.1,0.6L50,14.7c-0.7-0.5-1.4-0.7-2.1-0.7c-0.4,0-0.7,0.1-0.9,0.3
        c-0.2,0.2-0.4,0.5-0.4,0.8c0,0.3,0.2,0.6,0.4,0.8c0.2,0.2,0.7,0.3,1.6,0.5c0.7,0.2,1.3,0.4,1.7,0.8c0.4,0.3,0.6,0.8,0.6,1.5
        c0,0.7-0.2,1.2-0.7,1.6C49.6,20.6,48.9,20.8,48.1,20.8z" />
                                            <path d="M54.6,6H12C9.8,6,8.1,7.7,8.1,9.8v32c0,2.1,1.7,3.8,3.9,3.8h15.9v-2H12c-1,0-1.8-0.8-1.8-1.8v-32C10.2,8.8,11,8,12,8h42.6
        c1,0,1.8,0.8,1.8,1.8v19.9h2.1V9.8C58.5,7.7,56.8,6,54.6,6z" />
                                        </g>
                                    </svg>
                                    <p>Blog Post</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-buttons.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.5s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 -17 70 70" enable-background="new 0 -17 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M58,8.1C55.4,5.5,51.8,4,48,4H22C14.1,4,7.8,10.3,7.8,18c0,7.7,6.4,14,14.2,14H48c7.8,0,14.2-6.3,14.2-14
        C62.2,14.3,60.7,10.8,58,8.1z M48,29.9H22c-6.6,0-12-5.3-12-11.9c0-6.6,5.4-11.9,12-11.9H48c6.6,0,12,5.3,12,11.9
        C60.1,24.6,54.7,29.9,48,29.9z" />
                                            <path d="M26.4,12.4c-1.5-1.5-3.5-2.3-5.7-2.3c-4.4,0-8,3.6-8,7.9c0,4.4,3.6,7.9,8,7.9c4.4,0,8-3.6,8-7.9
        C28.8,15.9,27.9,13.9,26.4,12.4z M20.7,23.9c-3.2,0-5.9-2.6-5.9-5.8c0-3.2,2.6-5.8,5.9-5.8c3.2,0,5.9,2.6,5.9,5.8
        C26.6,21.2,24,23.9,20.7,23.9z" />
                                            <path
                                                d="M55.5,15.6L54,13.5l-8.6,6.5l-2.7-4.2l-2.2,1.5l4.3,6.5L55.5,15.6z" />
                                        </g>
                                    </svg>
                                    <p>Buttons</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-cta.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.6s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M52.9,56H39v-2.1h13.8c0.6,0,1-0.5,1-1V17.1c0-0.6-0.5-1-1-1H17.1c-0.6,0-1,0.5-1,1v14.3H14V17.1c0-1.7,1.4-3.1,3.1-3.1
        h35.7c1.7,0,3.1,1.4,3.1,3.1v35.7C56,54.6,54.6,56,52.9,56z" />
                                            <path d="M31.3,55.9H17.1c-1.7,0-3.1-1.4-3.1-3.1V38.4c0-1.7,1.4-3.1,3.1-3.1h14.2c1.7,0,3.1,1.4,3.1,3.1v14.4
        C34.5,54.5,33.1,55.9,31.3,55.9z M17.1,37.4c-0.6,0-1,0.5-1,1v14.4c0,0.6,0.5,1,1,1h14.2c0.6,0,1-0.5,1-1V38.4c0-0.6-0.5-1-1-1
        H17.1z" />
                                            <path
                                                d="M41.6,19.7c-0.6,0-1,0.5-1,1l0,0c0,0.6,0.5,1,1,1l4.1,0c0.6,0,0.7,0.3,0.3,0.7L35.7,32.8c-0.4,0.4-0.4,1.1,0,1.5
        c0.4,0.4,1.1,0.4,1.5,0L47.4,24c0.4-0.4,0.7-0.3,0.7,0.3v4.2c0,0.6,0.5,1,1,1l0,0c0.6,0,1-0.5,1-1v-7.7c0-0.6-0.5-1-1-1H41.6z" />
                                        </g>
                                    </svg>
                                    <p>Call to Action</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-icons.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.2s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M35,14c-11.6,0-21,9.4-21,21s9.4,21,21,21s21-9.4,21-21S46.6,14,35,14z M35,53.9c-10.4,0-18.9-8.5-18.9-18.9
        S24.6,16.1,35,16.1c10.4,0,18.9,8.5,18.9,18.9S45.4,53.9,35,53.9z" />
                                            <path d="M47.2,30.6l-7.7-1.3L36.1,22c-0.2-0.4-0.6-0.7-1-0.7c-0.4,0-0.8,0.3-1,0.7l-3.6,7.3l-7.7,1.1c-0.5,0.1-0.8,0.3-0.9,0.7
        c-0.1,0.4,0,0.8,0.3,1.2l5.6,5.8l-1.4,8.1c-0.1,0.4,0,0.7,0.2,1c0.3,0.4,0.9,0.5,1.4,0.2l7-3.7l6.9,3.9c0.5,0.3,1.1,0.2,1.4-0.2
        c0.2-0.2,0.3-0.6,0.2-0.9l-1.2-8.1l5.7-5.7c0.3-0.3,0.4-0.8,0.3-1.1C48,31,47.7,30.7,47.2,30.6z M41,36.9c-0.4,0.4-0.6,1.1-0.5,1.6
        l1,6.8l-5.7-3.2c-0.2-0.1-0.6-0.2-0.9-0.2c-0.2,0-0.5,0-0.8,0.2l-5.8,3.1l1.2-6.8c0.1-0.5-0.1-1.2-0.5-1.6l-4.7-4.9l6.5-0.9
        c0.6-0.1,1.1-0.5,1.4-1l3-6.1l2.8,6.2c0.2,0.5,0.8,0.9,1.3,1l6.5,1.1L41,36.9z" />
                                        </g>
                                    </svg>
                                    <p>Icons</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-icon-boxes.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.3s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="-5 0 70 70" enable-background="new -5 0 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path
                                                d="M42.5,47.2h-25c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7h25c0.4,0,0.7-0.3,0.7-0.7C43.2,47.6,42.9,47.2,42.5,47.2z" />
                                            <path
                                                d="M37.3,51.4H22.7c-0.4,0-0.7,0.3-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7h14.6c0.4,0,0.7-0.3,0.7-0.7C38,51.7,37.7,51.4,37.3,51.4z" />
                                            <path d="M24.8,36.2c0,0.3,0.1,0.6,0.1,0.8l-1.8,1.7l-1.1,2.2l1.3,0.6l1-2l1.2-1.2c0.9,1.5,2.6,2.5,4.5,2.5c1.9,0,3.5-1,4.5-2.5
        l1.2,1.2l1,2l1.3-0.6l-1.1-2.2L35.1,37c0.1-0.3,0.1-0.6,0.1-0.8l0.1-1.4h4v-1.4h-3.9l0.2-2.6c0-0.1,0-0.2,0-0.3l0,0l2.2-2.1
        l1.1-2.2l-1.3-0.6l-1,2l-1.4,1.4c-0.1-0.2-0.3-0.4-0.4-0.6c-0.5-0.6-1.3-0.9-2-1v-1.4c0-0.6-0.2-1.2-0.6-1.7l1.6-3.1l-1.3-0.6
        L31,23.2c-0.3-0.1-0.7-0.2-1-0.2c-0.4,0-0.7,0.1-1,0.2l-1.5-2.9L26.2,21l1.6,3.1c-0.4,0.5-0.6,1.1-0.6,1.7v1.4
        c-0.8,0.1-1.5,0.5-2,1c-0.2,0.2-0.3,0.4-0.4,0.6l-1.4-1.4l-1-2L21,26.1l1.1,2.2l2.2,2.1l0,0c0,0.1,0,0.2,0,0.3l0.2,2.6h-3.9v1.4h4
        L24.8,36.2z M31.4,25.8v1.3h-2.7v-1.3c0-0.7,0.6-1.3,1.4-1.3C30.8,24.5,31.4,25.1,31.4,25.8z M26.2,29.2c0.4-0.4,0.9-0.6,1.4-0.6
        h4.7c0.5,0,1,0.2,1.4,0.6c0.4,0.4,0.5,0.9,0.5,1.4L33.8,36C33.6,38,32,39.5,30,39.5S26.4,38,26.2,36l-0.5-5.4
        C25.7,30.1,25.9,29.6,26.2,29.2z" />
                                            <path d="M49.1,17.6l-5-5c-0.6-0.6-1.4-0.9-2.3-0.9l-28.6,0c-1.8,0-3.2,1.4-3.2,3.1v40.4c0,1.7,1.4,3.1,3.2,3.1h33.6
        c1.8,0,3.2-1.4,3.2-3.1V19.8C50,18.9,49.7,18.2,49.1,17.6z M12.2,14.8c0-0.5,0.4-1,1-1h28.6c0,0,0,0,0.1,0v3c0,1.5,1.3,2.8,2.8,2.8
        l3,0l0,0c0,0,0,0.1,0,0.1v35.4c0,0.5-0.4,1-1,1H13.2c-0.5,0-1-0.4-1-1C12.2,55.2,12.2,14.8,12.2,14.8z M44.7,18.2
        c-0.7,0-1.3-0.6-1.3-1.3l0-1.8l3.2,3.2H44.7z" />
                                        </g>
                                    </svg>
                                    <p>Icon Boxes</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-instagrams.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.4s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 -8.5 70 70" enable-background="new 0 -8.5 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M43,21.8c2.1,0,3.8-1.7,3.8-3.8c0-2.1-1.7-3.8-3.8-3.8c-2.1,0-3.8,1.7-3.8,3.8C39.2,20.1,40.9,21.8,43,21.8z M43,16.1
        c1,0,1.9,0.8,1.9,1.9c0,1-0.8,1.9-1.9,1.9c-1,0-1.9-0.8-1.9-1.9C41.1,16.9,41.9,16.1,43,16.1z" />
                                            <path d="M56.6,38.3h-1.8L46.3,30c-0.4-0.4-1-0.4-1.3,0l-3.5,3.4l-10-10.1c-0.4-0.4-1-0.4-1.4,0L15.2,38.3h-1.8c-0.5,0-1,0.4-1,1
        c0,0.5,0.4,1,1,1h2.2H46h8.4h2.2c0.5,0,1-0.4,1-1C57.5,38.7,57.1,38.3,56.6,38.3z M17.9,38.3l12.9-13.1l12.9,13.1H17.9z M46.4,38.3
        l-3.6-3.7l2.7-2.6l6.5,6.3H46.4z" />
                                            <path d="M57.5,6.5H12.4c-2.1,0-3.8,1.7-3.8,3.8v32.4c0,2.1,1.7,3.8,3.8,3.8h45.1c2.1,0,3.9-1.7,3.9-3.8V10.3
        C61.4,8.2,59.7,6.5,57.5,6.5z M59.5,42.7c0,1.1-0.9,2-1.9,2H12.4c-1.1,0-1.9-0.9-1.9-2V10.3c0-1.1,0.8-2,1.9-2h45.1
        c1.1,0,1.9,0.9,1.9,2L59.5,42.7L59.5,42.7z" />
                                        </g>
                                    </svg>
                                    <p>Instagram</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-categories.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.5s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path
                                                d="M32.3,16.8c0.1,0,0.2,0.1,0.2,0.2v15.3c0,0.1-0.1,0.2-0.2,0.2H17c-0.1,0-0.2-0.1-0.2-0.2V17c0-0.1,0.1-0.2,0.2-0.2H32.3
         M32.3,15H17c-1.1,0-2,0.9-2,2v15.3c0,1.1,0.9,2,2,2l15.3,0c1.1,0,2-0.9,2-2V17C34.3,15.9,33.4,15,32.3,15L32.3,15z" />
                                            <path d="M53,16.8L53,16.8c0.1,0,0.2,0.1,0.2,0.2v15.3c0,0.1-0.1,0.2-0.2,0.2H37.7c-0.1,0-0.2-0.1-0.2-0.2V17c0-0.1,0.1-0.2,0.2-0.2
        H53 M53,15H37.7c-1.1,0-2,0.9-2,2v15.3c0,1.1,0.9,2,2,2H53c1.1,0,2-0.9,2-2V17C55,15.9,54.1,15,53,15L53,15z" />
                                            <path
                                                d="M32.3,37.4c0.1,0,0.2,0.1,0.2,0.2V53c0,0.1-0.1,0.2-0.2,0.2H17c-0.1,0-0.2-0.1-0.2-0.2V37.7c0-0.1,0.1-0.2,0.2-0.2H32.3
         M32.3,35.6H17c-1.1,0-2,0.9-2,2V53c0,1.1,0.9,2,2,2h15.3c1.1,0,2-0.9,2-2V37.7C34.3,36.6,33.4,35.6,32.3,35.6L32.3,35.6z" />
                                            <path
                                                d="M53,37.4c0.1,0,0.2,0.1,0.2,0.2V53c0,0.1-0.1,0.2-0.2,0.2H37.7c-0.1,0-0.2-0.1-0.2-0.2V37.7c0-0.1,0.1-0.2,0.2-0.2H53
         M53,35.6H37.7c-1.1,0-2,0.9-2,2V53c0,1.1,0.9,2,2,2H53c1.1,0,2-0.9,2-2V37.7C55,36.6,54.1,35.6,53,35.6L53,35.6z" />
                                        </g>
                                    </svg>
                                    <p>Product Categories</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-products.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.6s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M47.4,16.5l-1.1-0.3L41.3,15c-0.1,0-0.1,0-0.2,0c-0.4,0-0.8,0.3-0.9,0.7c0,0.1,0,0.1,0,0.2l0,0.6h-0.1
        c-0.4,1.7-2.5,3.1-5.1,3.1c-2.6,0-4.7-1.3-5.1-3.1h-0.1v-0.6c0-0.1,0-0.2,0-0.2c-0.1-0.4-0.5-0.7-0.9-0.7c-0.1,0-0.1,0-0.2,0
        l-5,1.2l-1.2,0.3c-1.1,0.2-6.8,2.2-7.6,18.4c0,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.4,0.3,0.7,0.3h5.2v16.6c0,1.3,1.1,2.4,2.4,2.4h22.9
        c1.3,0,2.4-1.1,2.4-2.4V35.9h5.2c0.3,0,0.5-0.1,0.7-0.3c0.2-0.2,0.3-0.4,0.3-0.7C54.3,18.7,48.6,16.8,47.4,16.5z M48.9,34.1v-5.2
        c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v24.3H23V28.9c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v5.2h-4.2l0-0.6
        c0.8-11.1,4.1-14.1,5.4-14.8l0-0.2l0.6-0.1c0,0,0.1,0,0.1,0l1.2-0.3l3.9-0.9l0.2,0.5c0.9,2.3,3.7,3.9,6.7,3.9s5.8-1.6,6.7-3.9
        l0.2-0.5l3.9,0.9l1.2,0.4l0.1,0c0.2,0,5,1.3,6,15.1l0,0.6L48.9,34.1L48.9,34.1z" />
                                        </g>
                                    </svg>
                                    <p>Products</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-tabs.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.2s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 -6 70 70" enable-background="new 0 -6 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path
                                                d="M54.5,18.7H26.6c-0.6,0-1.2-0.5-1.2-1.2v-4.2c0-1.7-1.4-3.1-3-3.1h-6.9c-1.7,0-3,1.4-3,3.1v31.2c0,1.7,1.4,3.1,3,3.1h38.9
        c1.7,0,3-1.4,3-3.1V21.8C57.5,20.1,56.1,18.7,54.5,18.7z M55.6,44.6c0,0.7-0.5,1.2-1.2,1.2H15.5c-0.6,0-1.2-0.5-1.2-1.2V13.4
        c0-0.7,0.5-1.2,1.2-1.2h6.9c0.6,0,1.2,0.5,1.2,1.2v4.2c0,1.7,1.4,3.1,3,3.1h27.9c0.6,0,1.2,0.5,1.2,1.2L55.6,44.6L55.6,44.6z" />
                                            <path d="M30.7,15.2h7.2c0.4,0,0.7-0.3,0.7-0.7V14c0-0.4-0.3-0.7-0.7-0.7h-7.2c-0.4,0-0.7,0.3-0.7,0.7v0.5
        C30,14.9,30.3,15.2,30.7,15.2z" />
                                            <path d="M44.4,15.2h7.2c0.4,0,0.7-0.3,0.7-0.7V14c0-0.4-0.3-0.7-0.7-0.7h-7.2c-0.4,0-0.7,0.3-0.7,0.7v0.5
        C43.7,14.9,44,15.2,44.4,15.2z" />
                                        </g>
                                    </svg>
                                    <p>Tabs</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-testimonials.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.3s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 -9 70 70" enable-background="new 0 -9 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path
                                                d="M54.5,17c0.3,0,0.6-0.4,0.6-0.8c0-0.5-0.3-0.8-0.6-0.8H32.1c-0.3,0-0.6,0.4-0.6,0.8c0,0.5,0.3,0.8,0.6,0.8H54.5z" />
                                            <path
                                                d="M26.6,20.9c0,0.5,0.3,0.8,0.6,0.8h27.3c0.3,0,0.6-0.4,0.6-0.8c0-0.5-0.3-0.8-0.6-0.8H27.2C26.9,20.1,26.6,20.4,26.6,20.9z" />
                                            <path
                                                d="M54.5,24.8h-19c-0.3,0-0.6,0.4-0.6,0.8c0,0.5,0.3,0.8,0.6,0.8h19c0.3,0,0.6-0.4,0.6-0.8C55.1,25.1,54.8,24.8,54.5,24.8z" />
                                            <path
                                                d="M31.3,29.2c-0.3-0.8-0.9-1.3-1.7-1.4l-5.5-0.8l-2.5-5c-0.4-0.7-1.1-1.2-1.9-1.2c-0.8,0-1.5,0.5-1.9,1.2l-2.4,5l-5.5,0.8
        c-0.8,0.1-1.5,0.7-1.7,1.4c-0.2,0.8,0,1.6,0.5,2.2l4,3.9l-0.9,5.5c-0.1,0.8,0.2,1.6,0.8,2.1c0.6,0.5,1.5,0.5,2.2,0.2l4.9-2.6
        l4.9,2.6c0.3,0.2,0.6,0.2,1,0.2c0.4,0,0.9-0.1,1.2-0.4c0.6-0.5,1-1.3,0.8-2.1l-0.9-5.5l4-3.9C31.3,30.8,31.5,29.9,31.3,29.2z
         M14.7,34.7L14.7,34.7l-5.1-5l6.9-1l0.1,0l3.1-6.3l3.1,6.3l0,0.1l7,1l-5.1,4.9l1.2,7l-6.2-3.3l-0.1,0l-6.2,3.3L14.7,34.7z" />
                                            <path d="M58.5,6H21.1c-1.9,0-3.4,1.5-3.4,3.4v6.4l0.1,0c0,0,0.1,0,0.1,0l0.2,0c0.2,0,0.3,0,0.5,0c0.3,0,0.6,0,0.8,0l0.2,0V9.4
        c0-0.9,0.7-1.6,1.5-1.6h37.4c0.8,0,1.6,0.7,1.6,1.6v24.3c0,0.9-0.7,1.6-1.6,1.6h-3.7v6.5l-5.5-6.5H33.7l0,0.1
        c0.1,0.6,0.1,1.1,0,1.6l0,0.1h15.1l7.5,8.9v-8.9h2.2c1.9,0,3.5-1.5,3.5-3.4V9.4C62,7.5,60.4,6,58.5,6z" />
                                        </g>
                                    </svg>
                                    <p>Testimonials</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-titles.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.4s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="0 -2.5 70 70" enable-background="new 0 -2.5 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path
                                                d="M25.4,14.6h-1.6l-5.2,15.7h11.9L25.4,14.6z M21.3,28.4l3.3-10.1l3.3,10.1H21.3z" />
                                            <path d="M36.6,38.4l-8.9-25.7c-0.2-0.7-0.9-1.1-1.6-1.1H23c-0.7,0-1.4,0.5-1.6,1.1l-8.9,25.7c-0.2,0.5-0.1,1.1,0.2,1.5
        c0.3,0.4,0.8,0.7,1.4,0.7H16c0.7,0,1.4-0.5,1.6-1.1l2.1-6.1h9.9l2,6.1c0.2,0.7,0.9,1.1,1.6,1.1H35c0.5,0,1-0.3,1.4-0.7
        C36.7,39.5,36.8,38.9,36.6,38.4z M34.6,38.7h-1.3l-2.4-7.3H18.3l-2.5,7.3h-1.3l8.7-25.2h2.7L34.6,38.7z" />
                                            <path
                                                d="M57.3,51.1H12.7v2.2h44.6c0,0,0,0,0.1,0L57.3,51.1C57.3,51.1,57.3,51.1,57.3,51.1z" />
                                            <path
                                                d="M57.3,53.4H12.6V51l44.9,0l0,0.1v2.3L57.3,53.4C57.3,53.4,57.3,53.4,57.3,53.4z M12.8,53.2h44.4v-2l-44.4,0V53.2z" />
                                            <path
                                                d="M57.3,44.6H12.7v2.2h44.6c0,0,0,0,0.1,0L57.3,44.6C57.3,44.6,57.3,44.6,57.3,44.6z" />
                                            <path
                                                d="M57.3,47H12.6v-2.5l44.9,0l0,0.1V47L57.3,47C57.3,47,57.3,47,57.3,47z M12.8,46.7h44.4v-2l-44.4,0V46.7z" />
                                            <path d="M57.2,34H40v-2.3h17.3C57.2,31.6,57.2,34,57.2,34z" />
                                            <path d="M57.2,40.4H40v-2.3h17.3C57.2,38.1,57.2,40.4,57.2,40.4z" />
                                        </g>
                                    </svg>
                                    <p>Titles</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-typography.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.5s'
                                }">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                        height="70px" viewBox="-8.5 0 70 70" enable-background="new -8.5 0 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M43.2,12.5H9.8L9.5,29.7l0,0.1h3.8l1.2-4.9c1.2-3.6,3.1-5.4,5.8-5.7h2.3v31.5h-7v6.7h21.9v-6.7h-7.3V19.3h2.5
        c2.8,0,4.7,1.7,5.7,5.1c0,0.2,0.1,0.4,0.1,0.5l1.2,4.9h3.8L43.2,12.5z M28,17.1v33.7h-3.2V17.1h0l0,0l-4.6,0
        c-0.2,0-0.4,0.1-0.7,0.1c-0.2,0-0.5,0.1-0.7,0.1c-3,0.7-5.2,3.1-6.5,7l-0.6,2.3L12,14.7h29l0.2,11.9l-0.3-1l-0.3-1.1l0,0L40.6,24
        c-1.3-4.6-3.9-6.9-7.9-6.9L28,17.1L28,17.1L28,17.1L28,17.1z M17.8,55.3V53h17.5v2.4H17.8z" />
                                        </g>
                                    </svg>
                                    <p>Typography</p>
                                </a>
                            </div>
                            <div class="mb-6">
                                <a href="element-vendors.html" target="blank" class="element appear-animate"
                                    data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.6s'
                                }">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                        x="0px" y="0px" width="70px" height="70px" viewBox="0 0 70 70"
                                        xml:space="preserve">
                                        <g>
                                            <path
                                                d="M14.659,51.631h25.517V37.1H14.659V51.631z M24.605,49.461V39.273h6.104v10.188H24.605L24.605,49.461z    M37.981,49.461h-5.076V39.273h5.076V49.461z M16.854,39.273h5.556v10.188h-5.556V39.273z">
                                            </path>
                                            <path
                                                d="M63.642,25.199c-0.172-0.366-0.359-0.773-0.568-1.235l-4.112-8.958l-0.092-0.163   c-1.034-1.495-2.306-1.81-3.192-1.81L14.245,13c-1.4,0-2.94,1.404-3.333,2.311l-3.978,8.667c-0.173,0.396-0.344,0.769-0.509,1.128   C5.63,26.847,5,28.227,5,29.616l0.011,0.153c0.465,3.261,2.856,5.542,6.08,5.971v19.086c0,1.198,0.985,2.174,2.196,2.174h44.792   c1.209,0,2.195-0.976,2.195-2.174V35.382c2.521-0.458,4.324-2.499,4.716-5.463L65,29.778C65,28.125,64.488,27.023,63.642,25.199z    M34.414,28.544c0,2.628-2.86,4.765-6.378,4.765c-3.077,0-5.577-1.963-5.788-4.434l2.84-13.69l9.329,0.007v13.352H34.414z    M36.608,15.192l8.843,0.008l2.852,13.655c-0.169,2.477-2.539,4.455-5.453,4.455c-3.442,0-6.244-2.137-6.244-4.767L36.608,15.192   L36.608,15.192z M7.197,29.544c0.026-0.912,0.56-2.077,1.23-3.543c0.167-0.365,0.342-0.749,0.513-1.136l3.981-8.673   c0.144-0.318,0.989-1,1.324-1.02l8.601,0.008l-2.773,13.361h-0.064c0,0.167-0.014,0.331-0.039,0.494l-0.026,0.125h0.001   c-0.471,2.527-3.767,4.492-7.757,4.492C9.499,33.656,7.592,32.083,7.197,29.544z M45.047,54.759V39.273h8.629v15.485H45.047z    M55.869,54.824V37.1H42.85v17.723H13.287v-19.04c3.369-0.269,6.238-1.758,7.755-3.843c1.378,2.112,3.993,3.542,6.991,3.542   c3.202,0,5.996-1.429,7.468-3.541c1.449,2.112,4.197,3.541,7.349,3.541c2.912,0,5.451-1.463,6.753-3.616   c1.647,1.978,4.757,3.354,8.475,3.583v19.376H55.869z M59.176,33.309c-4.685,0-8.642-2.167-8.642-4.732h-0.046l-2.794-13.375   l7.982,0.006c0.354,0,0.82,0.092,1.328,0.791l4.067,8.861c0.208,0.46,0.399,0.875,0.575,1.248c0.776,1.677,1.142,2.462,1.156,3.599   C62.48,31.964,61.126,33.309,59.176,33.309z">
                                            </path>
                                        </g>
                                    </svg>
                                    <p>Vendors</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- End of Element Section -->
            </div>
            <!-- End of page-content -->
        </main>
        <!-- End of Main -->

        <footer class="footer text-center float-bg lazy-bg appear-animate"
            data-animation-options="{
            'name': 'fadeIn', 'delay': '.4s'
        }" id="section-support" style="background-image: url(assets/landing/images/footer-bg.jpg); background-size: 110%; 
                background-color: #222427; background-position: 0 0;">
            <section class="review-section lazy-bg-img text-center"
                style="background-image: url(assets/landing/images/review1.jpg); background-color: #395bee;">
                <div class="container">
                    <h2 class="section-title text-white">What Our Customers<br />Say About Wolmart</h2>
                    <div class="swiper-container" data-owl-options="{
                        'slidesPerView': 1,
                        'loop': false,
                        'nav': false,
                        'dots': true,
                        'breakpoints': {
                            '992': {
                                'nav': true,
                                'dots': false
                            }
                        }
                    }">
                        <div class="swiper-wrapper">
                            <blockquote class="swiper-slide testimonial">
                                <figure class="avatar">
                                    <i class="fa fa-quote-left"></i>
                                </figure>
                                <p>“ I will call it "the best theme 2021", I've never left a review for any theme before, but decide to write something for Walmart this time.
                                    The theme is a well-designed theme, you can tell straightaway when you check out the demo, and it's really really detail-focused on both frontend and backend. With all the built-in functions, I'm allowed to have better control over my site without extra plugins. ”</p>
                                <cite><span class="name">BryanCC</span></cite>
                            </blockquote>
                            <blockquote class="swiper-slide testimonial">
                                <figure class="avatar">
                                    <i class="fa fa-quote-left"></i>
                                </figure>
                                <p>“ The Theme is Good for multi Vendor Sites it is easily customizable have a lots of features, at start I'm a little bit confused white setting up the theme but with some effort and support from the theme management, now it is working great...
                                    Thanks for a wonderful and awesome theme... ”</p>
                                <cite><span class="name">cgs193</span></cite>
                            </blockquote>
                            <blockquote class="swiper-slide testimonial">
                                <figure class="avatar">
                                    <i class="fa fa-quote-left"></i>
                                </figure>
                                <p>“ WolMart is a quality theme that allows you to customize everything, very good performance and excellent support, Tonnes of features, easy enough to use and work out. This theme is fantastic and offer a lot of customization. This theme is a unbeatable value for money. ”</p>
                                <cite><span class="name">aizazawan</span></cite>
                            </blockquote>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </section>
            <div class="footer-middle" id="footer-middle">
                <div class="container">
                    <h2 class="section-title text-white lh-1 mb-0 ls-10 appear-animate" data-animation-options="{
                    'name': 'fadeIn', 'delay': '.2s'
                    }">Build Your Website With Wolmart</h2>
                    <h3 class="section-subtitle text-white ls-normal mt-2 font-weight-extrabold appear-animate"
                        data-animation-options="{
                    'name': 'fadeIn', 'delay': '.6s'
                    }">Purchase Now, Only
                        <span class="text-primary">$25!</span>
                    </h3>
                    <p class="section-desc mx-auto mb-10 text-white appear-animate" data-animation-options="{
                    'name': 'fadeIn', 'delay': '.4s'
                    }">Wolmart's strict coding standards based high
                        performance and lifetime updates with fashionable design and new features will keep your site
                        always fashionable.</p>
                    <a href="https://d-themes.com/buynow/wolmarthtml" target="_blank"
                        class="btn btn-rounded btn-gradient btn-dark btn-purchase grad-reverse mb-10 appear-animate"
                        data-animation-options="{
                        'name': 'fadeIn', 'delay': '.8s'
                        }">Buy Wolmart Now!</a>
                    <div class="row justify-content-center cols-md-2 cols-lg-3 gutter-lg mb-6 mt-1">
                        <div class="mb-6">
                            <a class="icon-box hover-gradient appear-animate" data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.6s'
                                }" href="documentation.html">
                                <span class="icon-box-icon pt-1 pb-1">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px"
                                        height="90px" viewBox="0 0 100 100" enable-background="new 0 0 100 100"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M55.701,74.454h-6.063c-1.919,0-3.769,0.601-5.313,1.712v-52.52c0-2.93,2.383-5.313,5.313-5.313h29.726
                v22.224c0,1.048,0.854,1.9,1.9,1.9s1.9-0.853,1.9-1.9V16.434c0-1.048-0.854-1.9-1.9-1.9H49.638c-2.845,0-5.489,1.314-7.213,3.552
                c-1.724-2.237-4.368-3.552-7.213-3.552H2.314c-1.048,0-1.9,0.853-1.9,1.9v59.92c0,1.047,0.853,1.899,1.9,1.899h32.898
                c2.93,0,5.313,2.384,5.313,5.313c0,1.049,0.853,1.901,1.9,1.901c1.048,0,1.9-0.853,1.9-1.901c0-2.929,2.383-5.313,5.313-5.313
                h6.063c1.047,0,1.9-0.853,1.9-1.899C57.602,75.305,56.748,74.454,55.701,74.454z M40.524,76.166
                c-1.543-1.111-3.394-1.712-5.313-1.712H4.213V18.333h30.999c2.93,0,5.313,2.384,5.313,5.313V76.166z" />
                                            <path d="M33.744,25.928H10.896c-1.048,0-1.9,0.853-1.9,1.899c0,1.048,0.852,1.9,1.9,1.9h22.848
                c1.048,0,1.899-0.853,1.899-1.9C35.643,26.78,34.792,25.928,33.744,25.928z" />
                                            <path d="M33.744,34.86H10.896c-1.048,0-1.9,0.852-1.9,1.899s0.852,1.9,1.9,1.9h22.848
                c1.048,0,1.899-0.853,1.899-1.9S34.792,34.86,33.744,34.86z" />
                                            <path d="M33.744,43.792H10.896c-1.048,0-1.9,0.854-1.9,1.899c0,1.048,0.852,1.901,1.9,1.901h22.848
                c1.048,0,1.899-0.854,1.899-1.901C35.643,44.646,34.792,43.792,33.744,43.792z" />
                                            <path d="M72.557,25.928H50.979c-1.047,0-1.9,0.853-1.9,1.899c0,1.048,0.854,1.9,1.9,1.9h21.578
                c1.045,0,1.898-0.853,1.898-1.9C74.455,26.78,73.602,25.928,72.557,25.928z" />
                                            <path d="M74.455,36.76c0-1.048-0.854-1.899-1.898-1.899H50.979c-1.047,0-1.9,0.852-1.9,1.899s0.854,1.9,1.9,1.9
                h21.578C73.602,38.66,74.455,37.808,74.455,36.76z" />
                                            <path d="M50.979,43.792c-1.047,0-1.9,0.854-1.9,1.899c0,1.048,0.854,1.901,1.9,1.901H61.07
                c1.049,0,1.9-0.854,1.9-1.901c0-1.046-0.852-1.899-1.9-1.899H50.979z" />
                                            <path d="M33.744,52.725H10.896c-1.048,0-1.9,0.853-1.9,1.901c0,1.047,0.852,1.899,1.9,1.899h22.848
                c1.048,0,1.899-0.853,1.899-1.899C35.643,53.577,34.792,52.725,33.744,52.725z" />
                                            <path
                                                d="M95.877,58.743c-0.152,0-0.307,0.018-0.459,0.056c-1.016,0.254-1.637,1.286-1.383,2.302
                c0.324,1.304,0.488,2.654,0.488,4.011c0,9.121-7.42,16.541-16.541,16.541c-3.355,0-6.59-1.002-9.352-2.897
                c-0.496-0.342-1.152-0.428-1.721-0.223l-3.678,1.329l1.33-3.678c0.207-0.572,0.125-1.217-0.221-1.72
                c-1.896-2.76-2.9-5.995-2.9-9.353c0-9.121,7.422-16.541,16.541-16.541c3.83,0,7.563,1.339,10.512,3.771
                c0.34,0.277,0.768,0.432,1.207,0.432c0.57,0,1.105-0.252,1.469-0.691c0.664-0.808,0.549-2.008-0.26-2.675
                c-3.627-2.989-8.219-4.635-12.928-4.635c-11.215,0-20.34,9.126-20.34,20.34c0,3.783,1.045,7.467,3.023,10.671l-2.383,6.598
                c-0.25,0.689-0.076,1.471,0.441,1.988c0.508,0.507,1.314,0.688,1.99,0.443l6.598-2.384c3.203,1.979,6.887,3.024,10.67,3.024
                c11.215,0,20.34-9.124,20.34-20.341c0-1.666-0.201-3.324-0.602-4.929C97.512,59.335,96.752,58.743,95.877,58.743z" />
                                            <path d="M99.031,49.53c-0.359-0.359-0.838-0.557-1.344-0.557c-0.508,0-0.984,0.198-1.344,0.557L78.133,67.74
                l-8.59-8.592c-0.359-0.359-0.838-0.558-1.346-0.558s-0.984,0.198-1.342,0.558c-0.359,0.358-0.557,0.835-0.557,1.343
                c0,0.51,0.197,0.986,0.557,1.345l9.936,9.935c0.357,0.359,0.836,0.557,1.342,0.557c0.508,0,0.986-0.197,1.344-0.557l19.555-19.554
                c0.357-0.357,0.555-0.834,0.555-1.342S99.389,49.889,99.031,49.53z" />
                                        </g>
                                    </svg>
                                </span>
                                <h4 class="icon-box-title ls-l text-white">Online Documentation</h4>
                            </a>
                        </div>
                        <div class="mb-4">
                            <a class="icon-box hover-gradient appear-animate" data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.7s'
                                }" href="documentation.html">
                                <span class="icon-box-icon pt-1 pb-1">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px"
                                        height="90px" viewBox="0 0 100 100" enable-background="new 0 0 100 100"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M62.02,41.336L44.17,31.079c-0.521-0.299-1.164-0.298-1.687,0.002c-0.522,0.302-0.844,0.859-0.844,1.463l-0.002,20.518
                c0,0.604,0.321,1.16,0.843,1.461c0.262,0.153,0.553,0.229,0.845,0.229c0.291,0,0.582-0.075,0.842-0.225L62.02,44.266
                c0.525-0.302,0.848-0.86,0.848-1.465C62.867,42.195,62.545,41.637,62.02,41.336z M45.015,50.144l0.003-14.682l12.771,7.339
                L45.015,50.144z" />
                                            <path d="M91.09,15.73H8.852c-3.547,0-6.434,2.813-6.434,6.362v55.814c0,3.55,2.886,6.362,6.434,6.362H91.09
                c3.553,0,6.492-2.813,6.492-6.362V22.093C97.582,18.543,94.643,15.73,91.09,15.73z M94.338,77.907c0,1.773-1.473,3.298-3.248,3.298
                H8.852c-1.771,0-3.191-1.524-3.191-3.298V66.353h88.677V77.907z M94.338,63.109H5.661V22.093c0-1.774,1.419-3.299,3.191-3.299
                H91.09c1.775,0,3.248,1.524,3.248,3.299V63.109z" />
                                            <path d="M21.215,75.696h0.988c0.816,0,1.479-0.662,1.479-1.482c0-0.815-0.663-1.479-1.479-1.479h-0.988
                c-0.816,0-1.479,0.664-1.479,1.479C19.736,75.034,20.399,75.696,21.215,75.696z" />
                                            <path d="M11.347,75.696h0.986c0.817,0,1.482-0.662,1.482-1.482c0-0.815-0.665-1.479-1.482-1.479h-0.986
                c-0.819,0-1.482,0.664-1.482,1.479C9.864,75.034,10.528,75.696,11.347,75.696z" />
                                            <path d="M16.28,75.696h0.988c0.82,0,1.48-0.662,1.48-1.482c0-0.815-0.661-1.479-1.48-1.479H16.28c-0.816,0-1.479,0.664-1.479,1.479
                C14.8,75.034,15.463,75.696,16.28,75.696z" />
                                            <path d="M88.713,75.696h0.99c0.814,0,1.479-0.662,1.479-1.482c0-0.815-0.664-1.479-1.479-1.479h-0.99
                c-0.816,0-1.477,0.664-1.477,1.479C87.236,75.034,87.896,75.696,88.713,75.696z" />
                                            <path d="M31.288,75.838h4.192c0.772,2.277,2.908,3.934,5.444,3.934c2.535,0,4.671-1.656,5.443-3.934h35.346
                c0.887,0,1.607-0.733,1.607-1.623c0-0.889-0.721-1.62-1.607-1.62H46.5c-0.631-2.502-2.881-4.366-5.576-4.366
                s-4.947,1.864-5.577,4.366h-4.059c-0.888,0-1.61,0.731-1.61,1.62C29.678,75.104,30.4,75.838,31.288,75.838z M37.702,72.595
                c0.543-1.241,1.782-2.113,3.222-2.113c1.439,0,2.677,0.872,3.222,2.113c0.189,0.431,0.297,0.905,0.297,1.404
                c0,0.676-0.202,1.301-0.533,1.839c-0.62,1.004-1.723,1.681-2.986,1.681c-1.265,0-2.366-0.677-2.986-1.681
                c-0.332-0.538-0.533-1.163-0.533-1.839C37.405,73.5,37.512,73.025,37.702,72.595z" />
                                        </g>
                                    </svg>
                                </span>
                                <h4 class="icon-box-title ls-l text-white">Video Tutorials</h4>
                            </a>
                        </div>
                        <div class="mb-4">
                            <a class="icon-box hover-gradient appear-animate" data-animation-options="{
                                    'name': 'zoomIn', 'delay': '.8s'
                                }" href="https://d-themes.com/support">
                                <span class="icon-box-icon pt-2 pb-2">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px"
                                        height="80px" viewBox="0 0 100 100" enable-background="new 0 0 100 100"
                                        xml:space="preserve">
                                        <g>
                                            <path d="M89.177,82.672c-1.083-3.555-6.909-6.533-12.547-9.414c-1.486-0.76-2.921-1.492-4.163-2.19
                c-0.79-0.443-1.793-0.16-2.237,0.631c-0.444,0.792-0.162,1.793,0.63,2.235c1.275,0.718,2.748,1.47,4.274,2.249
                c4.315,2.207,10.224,5.226,10.897,7.447c1.404,4.616,1.477,5.282,1.477,6.524c0,0.45-0.085,0.654-0.136,0.703
                c-0.327,0.313-1.897,0.257-2.94,0.223c-0.511-0.02-1.039-0.036-1.57-0.036H17.137c-0.398,0-0.793,0.005-1.181,0.013
                c-1.216,0.021-2.889,0.054-3.29-0.34c-0.096-0.096-0.156-0.316-0.171-0.624c0.133-0.61,0.621-2.785,1.589-6.525
                c0.744-2.875,8.052-7.03,21.647-12.326c0.333-0.111,3.307-1.149,4.953-3.346c0.546-0.725,0.399-1.756-0.328-2.301
                c-0.728-0.544-1.756-0.397-2.299,0.33c-0.875,1.165-2.729,1.983-3.441,2.226c-10.964,4.27-22.355,9.342-23.713,14.592
                c-1.175,4.538-1.643,6.765-1.663,6.856c-0.022,0.11-0.034,0.226-0.034,0.337c0,1.319,0.389,2.371,1.159,3.126
                c1.383,1.36,3.451,1.316,5.653,1.281c0.368-0.007,0.743-0.014,1.12-0.014h65.724c0.494,0,0.982,0.017,1.455,0.033
                c0.474,0.019,0.938,0.035,1.393,0.035c1.529,0,2.92-0.188,3.946-1.177c0.753-0.731,1.14-1.763,1.14-3.066
                C90.795,88.433,90.634,87.473,89.177,82.672z" />
                                            <path d="M23.712,54.896h4.929c0.951,0,1.724-0.291,2.297-0.865c0.994-0.997,0.99-2.43,0.988-3.816V50.05
                c0.264,0.174,0.539,0.327,0.823,0.438c0.887,2.215,1.898,3.804,2.962,5.476c0.3,0.469,0.604,0.949,0.912,1.45
                c1.28,2.101,2.58,3.566,3.981,4.532c0.181,0.149,4.438,3.615,9.335,3.677c0.181,0.024,0.472,0.052,0.858,0.052
                c1.63,0,4.967-0.496,8.984-3.824c1.278-0.987,2.437-2.373,3.648-4.363c0.325-0.531,0.648-1.039,0.967-1.538
                c1.029-1.609,2.088-3.267,2.998-5.507c0.233-0.104,0.461-0.234,0.68-0.383v0.153c-0.005,1.388-0.009,2.82,0.987,3.818
                c0.192,0.19,0.412,0.338,0.646,0.467c-0.109,3.866-1.074,11.367-4.697,12.657c-0.802-0.556-1.765-0.888-2.803-0.888
                c-0.382,0-0.764,0.047-1.138,0.137l-7.992,1.899c-2.644,0.628-4.283,3.292-3.654,5.938c0.529,2.229,2.503,3.787,4.799,3.787
                c0.383,0,0.764-0.046,1.137-0.134l7.992-1.902c2.645-0.629,4.284-3.29,3.653-5.935c-0.011-0.054-0.036-0.102-0.05-0.155
                c5.077-2.613,5.915-11.222,6.032-15.006h3.3c2.238,0,5.421-1.612,6.609-4.05c2.146-4.733,2.146-10.167-0.019-14.949
                c-1.17-2.396-4.354-4.005-6.591-4.005h-0.039C75.822,17.324,64.226,5.603,49.999,5.603c-14.228,0-25.823,11.722-26.25,26.289
                h-0.038c-2.24,0-5.423,1.61-6.61,4.049c-2.147,4.734-2.147,10.168,0.02,14.948C18.291,53.285,21.473,54.896,23.712,54.896z
                 M62.591,72.795l-7.992,1.902c-0.873,0.2-1.777-0.367-1.979-1.22c-0.21-0.88,0.337-1.769,1.219-1.979l7.993-1.9
                c0.124-0.028,0.25-0.044,0.376-0.044c0.755,0,1.428,0.531,1.604,1.263C64.02,71.698,63.473,72.585,62.591,72.795z M68.074,45.951
                c-0.539,0.038-1.053,0.313-1.33,0.821c-0.234,0.427-0.661,0.694-0.825,0.717c-0.599,0.084-1.103,0.49-1.313,1.057
                c-0.849,2.3-1.884,3.92-2.979,5.633c-0.331,0.52-0.666,1.045-1.004,1.598c-0.997,1.635-1.901,2.74-2.895,3.506
                c-4.25,3.52-7.252,3.1-7.351,3.083c-0.102-0.019-0.206-0.028-0.311-0.028c-3.754,0-7.34-2.899-7.483-3.009
                c-1.121-0.777-2.124-1.931-3.158-3.626c-0.319-0.521-0.634-1.018-0.945-1.505c-1.14-1.791-2.124-3.34-2.96-5.661
                c-0.217-0.604-0.851-1.03-1.489-1.085c-0.159-0.015-0.595-0.274-0.828-0.699c-0.27-0.494-0.76-0.766-1.28-0.819v-5.826
                c0.001,0,0.002,0,0.004,0c0.89,0,1.575-0.497,1.596-1.391c0.001-0.053,0.101-5.085,2.342-10.288
                c2.888-6.715,7.703-10.122,14.488-10.122c16.387,0,16.437,19.245,16.439,20.065c0.001,0.906,1.279,1.633,1.279,1.633V45.951z
                 M76.287,35.179c1.163,0,3.069,0.995,3.616,2.116c1.759,3.876,1.759,8.32,0.021,12.151c-0.568,1.165-2.474,2.162-3.638,2.162
                l-4.88-0.009c-0.05-0.344-0.049-0.949-0.049-1.38V36.566c0-0.435-0.001-1.048,0.051-1.388H76.287z M49.999,8.889
                c12.415,0,22.541,10.247,22.964,23.003h-1.604c-0.757,0-1.396,0.192-1.916,0.557c-1.353-6.936-5.593-17.533-18.905-17.533
                c-13.327,0-17.894,11.001-19.451,18.021c-0.05-0.059-0.092-0.123-0.149-0.18c-0.572-0.574-1.345-0.864-2.296-0.864h-1.605
                C27.459,19.136,37.583,8.889,49.999,8.889z M20.075,37.339c0.567-1.165,2.474-2.16,3.637-2.16l4.878,0.009
                c0.051,0.343,0.05,0.946,0.049,1.377v13.656c0.001,0.435,0.002,1.048-0.05,1.388h-4.877c-1.163,0-3.069-0.997-3.617-2.118
                C18.339,45.615,18.339,41.171,20.075,37.339z" />
                                        </g>
                                    </svg>
                                </span>
                                <h4 class="icon-box-title ls-l text-white">Support Center</h4>
                            </a>
                        </div>
                    </div>
                    <ul class="social-icons mb-5 pb-3 appear-animate" data-animation-options="{
                    'name': 'fadeInUpShorter', 'delay': '1.1s'
                    }">
                        <li class="social-icons-facebook">
                            <a href="https://www.facebook.com/" rel="noreferrer" target="_blank" title="Facebook">
                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                    height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70"
                                    xml:space="preserve">
                                    <g>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M35,5c16.567,0,30,13.433,30,30.001C65,51.567,51.567,65,35,65
        C18.431,65,5,51.567,5,35.001C5,18.432,18.431,5,35,5z" />
                                    </g>
                                    <g>
                                        <path fill="#FFFFFF" d="M32.179,36.755h-3.948V32.09h3.948v-3.691c0-1.948,0.546-3.461,1.641-4.538s2.546-1.615,4.359-1.615
        c1.469,0,2.666,0.068,3.589,0.205v4.153h-2.461c-0.923,0-1.557,0.205-1.896,0.615C37.135,27.561,37,28.108,37,28.86v3.23h4.357
        l-0.615,4.665H37v11.74h-4.821V36.755z" />
                                    </g>
                                </svg>
                            </a>
                        </li>
                        <li class="social-icons-twitter">
                            <a href="https://www.twitter.com/" rel="noreferrer" target="_blank" title="Twitter">
                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                    height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70"
                                    xml:space="preserve">
                                    <g>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M35,5c16.567,0,30,13.433,30,30.002C65,51.567,51.567,65,35,65
        C18.431,65,5,51.567,5,35.002C5,18.433,18.431,5,35,5z" />
                                    </g>
                                    <g>
                                        <path fill="#FFFFFF"
                                            d="M45.459,30.706c0,2.461-0.599,4.837-1.795,7.127c-1.23,2.426-2.957,4.357-5.178,5.793
        c-2.428,1.606-5.213,2.41-8.358,2.41c-3.007,0-5.759-0.804-8.254-2.41c0.376,0.035,0.803,0.052,1.282,0.052
        c2.495,0,4.734-0.77,6.716-2.308c-1.196,0-2.248-0.35-3.153-1.051c-0.906-0.701-1.53-1.58-1.872-2.641
        c0.342,0.035,0.667,0.052,0.974,0.052c0.479,0,0.957-0.052,1.436-0.154c-1.23-0.272-2.256-0.905-3.076-1.897
        c-0.82-0.991-1.23-2.119-1.23-3.384v-0.103c0.751,0.444,1.556,0.684,2.41,0.718c-0.718-0.513-1.299-1.162-1.743-1.948
        c-0.444-0.786-0.667-1.649-0.667-2.589c0-0.94,0.256-1.837,0.769-2.692c1.333,1.675,2.965,3.008,4.896,3.999
        c1.931,0.992,3.991,1.538,6.178,1.641c-0.068-0.41-0.103-0.82-0.103-1.23c0-0.957,0.239-1.854,0.718-2.691
        c0.479-0.838,1.128-1.495,1.949-1.974c0.82-0.479,1.708-0.718,2.666-0.718c0.785,0,1.513,0.154,2.179,0.461
        c0.667,0.308,1.256,0.718,1.77,1.23c1.23-0.239,2.374-0.667,3.435-1.282c-0.41,1.265-1.197,2.256-2.358,2.974
        c1.025-0.136,2.051-0.427,3.076-0.872c-0.753,1.094-1.659,2.034-2.717,2.82C45.44,30.176,45.459,30.398,45.459,30.706z" />
                                    </g>
                                </svg>
                            </a>
                        </li>
                        <li class="social-icons-instagram">
                            <a href="https://www.instagram.com/" rel="noreferrer" target="_blank" title="Instagram">
                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                    height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70"
                                    xml:space="preserve">
                                    <g>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M35,5c16.567,0,30,13.433,30,30.001C65,51.567,51.567,65,35,65
        C18.431,65,5,51.567,5,35.001C5,18.432,18.431,5,35,5z" />
                                    </g>
                                    <g>
                                        <path fill="#FFFFFF"
                                            d="M46.434,30.604c0.034,0.957,0.051,2.546,0.051,4.768c0,2.221-0.025,3.819-0.077,4.794
        c-0.051,0.974-0.195,1.819-0.436,2.537c-0.308,0.855-0.778,1.599-1.41,2.23s-1.375,1.103-2.229,1.41
        c-0.719,0.239-1.564,0.385-2.538,0.436c-0.975,0.052-2.573,0.077-4.794,0.077c-2.221,0-3.819-0.025-4.794-0.077
        c-0.974-0.051-1.82-0.214-2.538-0.487c-0.855-0.272-1.599-0.727-2.23-1.358c-0.632-0.632-1.103-1.375-1.41-2.23
        c-0.24-0.718-0.385-1.563-0.436-2.537c-0.052-0.975-0.077-2.573-0.077-4.794c0-2.222,0.025-3.82,0.077-4.794
        c0.051-0.974,0.196-1.82,0.436-2.538c0.308-0.854,0.778-1.598,1.41-2.23c0.631-0.632,1.375-1.102,2.23-1.41
        c0.718-0.239,1.564-0.385,2.538-0.436c0.975-0.051,2.573-0.077,4.794-0.077c2.221,0,3.819,0.025,4.794,0.077
        c0.974,0.051,1.819,0.197,2.538,0.436c0.854,0.308,1.598,0.777,2.229,1.41c0.632,0.633,1.103,1.376,1.41,2.23
        C46.212,28.758,46.365,29.612,46.434,30.604z M43.973,42.14c0.205-0.581,0.342-1.504,0.41-2.769
        c0.034-0.753,0.051-1.812,0.051-3.179v-1.641c0-1.402-0.017-2.461-0.051-3.179c-0.068-1.299-0.205-2.222-0.41-2.769
        c-0.41-1.06-1.145-1.794-2.205-2.205c-0.548-0.205-1.471-0.342-2.769-0.41c-0.753-0.034-1.811-0.051-3.179-0.051H34.18
        c-1.368,0-2.426,0.017-3.179,0.051c-1.265,0.068-2.188,0.205-2.769,0.41c-1.06,0.41-1.794,1.145-2.205,2.205
        c-0.205,0.546-0.342,1.469-0.41,2.769c-0.035,0.751-0.051,1.812-0.051,3.179v1.641c0,1.367,0.017,2.426,0.051,3.179
        c0.068,1.265,0.205,2.188,0.41,2.769c0.445,1.06,1.179,1.794,2.205,2.204c0.581,0.205,1.503,0.343,2.769,0.41
        c0.752,0.035,1.811,0.052,3.179,0.052h1.641c1.4,0,2.461-0.017,3.179-0.052c1.298-0.067,2.221-0.205,2.769-0.41
        C42.828,43.899,43.563,43.165,43.973,42.14z M35,29.476c1.061,0,2.042,0.265,2.948,0.794c0.906,0.53,1.624,1.248,2.153,2.153
        c0.529,0.906,0.795,1.889,0.795,2.948s-0.266,2.041-0.795,2.948c-0.529,0.906-1.247,1.624-2.153,2.153
        c-0.906,0.528-1.888,0.794-2.948,0.794c-1.06,0-2.042-0.266-2.948-0.794c-0.906-0.529-1.624-1.247-2.153-2.153
        c-0.529-0.907-0.794-1.889-0.794-2.948s0.266-2.042,0.794-2.948c0.529-0.905,1.247-1.623,2.153-2.153
        C32.958,29.741,33.94,29.476,35,29.476z M35,39.217c1.061,0,1.965-0.375,2.717-1.128c0.753-0.752,1.129-1.657,1.129-2.717
        s-0.376-1.966-1.129-2.717c-0.752-0.752-1.656-1.128-2.717-1.128c-1.06,0-1.965,0.376-2.717,1.128
        c-0.752,0.751-1.128,1.658-1.128,2.717s0.375,1.965,1.128,2.717C33.035,38.842,33.94,39.217,35,39.217z M42.537,29.22
        c0-0.376-0.138-0.701-0.41-0.974c-0.273-0.274-0.6-0.41-0.975-0.41s-0.701,0.136-0.975,0.41c-0.272,0.273-0.41,0.598-0.41,0.974
        c0,0.376,0.138,0.7,0.41,0.974c0.273,0.273,0.6,0.41,0.975,0.41s0.692-0.137,0.948-0.41C42.357,29.92,42.502,29.596,42.537,29.22z" />
                                    </g>
                                </svg>
                            </a>
                        </li>
                        <li class="social-icons-youtube">
                            <a href="https://www.youtube.com/" rel="noreferrer" target="_blank" title="Youtube">

                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                    height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70"
                                    xml:space="preserve">
                                    <g>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M35,5c16.567,0,30,13.433,30,30.001C65,51.567,51.567,65,35,65
        C18.431,65,5,51.567,5,35.001C5,18.432,18.431,5,35,5z" />
                                    </g>
                                    <g>
                                        <path fill="#FFFFFF" d="M48.564,28.604c0.238,0.923,0.41,2.324,0.513,4.204l0.052,2.563l-0.052,2.563
        c-0.103,1.913-0.274,3.332-0.513,4.255c-0.172,0.581-0.479,1.094-0.923,1.538c-0.446,0.445-0.974,0.753-1.589,0.923
        c-0.891,0.24-2.975,0.41-6.256,0.513l-4.666,0.052l-4.666-0.052c-3.281-0.103-5.367-0.272-6.255-0.513
        c-0.615-0.17-1.145-0.478-1.589-0.923c-0.445-0.444-0.752-0.957-0.923-1.538c-0.24-0.923-0.41-2.342-0.513-4.255l-0.051-2.563
        c0-0.752,0.017-1.607,0.051-2.563c0.103-1.88,0.273-3.281,0.513-4.204c0.17-0.615,0.478-1.146,0.923-1.589
        c0.445-0.444,0.974-0.752,1.589-0.923c0.888-0.239,2.974-0.41,6.255-0.513l4.666-0.051l4.666,0.051
        c3.281,0.103,5.365,0.273,6.256,0.513c0.615,0.171,1.143,0.479,1.589,0.923C48.085,27.459,48.393,27.989,48.564,28.604z
         M32.26,39.576l7.332-4.204l-7.332-4.153V39.576z" />
                                    </g>
                                </svg>
                            </a>
                        </li>
                        <li class="social-icons-pinterest">
                            <a href="https://www.pinterest.com/" rel="noreferrer" target="_blank" title="Pinterest">
                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px"
                                    height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70"
                                    xml:space="preserve">
                                    <g>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M35,5c16.567,0,30,13.433,30,30.001C65,51.567,51.567,65,35,65
        C18.431,65,5,51.567,5,35.001C5,18.432,18.431,5,35,5z" />
                                    </g>
                                    <g>
                                        <path fill="#FFFFFF" d="M45.997,41.729c-1.145,1.948-2.691,3.495-4.64,4.64S37.291,48.087,35,48.087
        c-1.298,0-2.547-0.188-3.743-0.564c0.82-1.367,1.333-2.478,1.538-3.332l0.82-3.025c0.205,0.41,0.581,0.753,1.128,1.025
        c0.547,0.273,1.145,0.41,1.794,0.41c1.23,0,2.35-0.35,3.358-1.051s1.794-1.649,2.358-2.846c0.563-1.195,0.846-2.504,0.846-3.922
        s-0.343-2.691-1.025-3.819s-1.624-2.008-2.819-2.641c-1.196-0.632-2.529-0.948-4-0.948c-1.743,0-3.281,0.359-4.614,1.077
        c-1.196,0.684-2.127,1.615-2.794,2.794c-0.666,1.179-1,2.453-1,3.82c0,0.991,0.247,1.974,0.744,2.948
        c0.496,0.974,1.119,1.631,1.871,1.974c0.24,0.103,0.375,0.051,0.41-0.154l0.359-1.436c0.035-0.137,0-0.256-0.103-0.358
        c-0.273-0.343-0.496-0.778-0.667-1.308c-0.17-0.53-0.256-1.068-0.256-1.615c0-0.957,0.231-1.854,0.692-2.692
        c0.462-0.837,1.119-1.512,1.974-2.025c0.888-0.547,1.914-0.82,3.076-0.82c1.573,0,2.855,0.487,3.845,1.461s1.487,2.213,1.487,3.717
        c0,1.709-0.385,3.11-1.154,4.204c-0.769,1.093-1.717,1.641-2.846,1.641c-0.649,0-1.162-0.23-1.538-0.692
        c-0.375-0.461-0.496-1-0.359-1.615c0.068-0.375,0.222-0.923,0.461-1.641c0.375-1.264,0.564-2.145,0.564-2.64
        c0-0.495-0.137-0.905-0.41-1.23c-0.273-0.325-0.667-0.487-1.179-0.487c-0.65,0-1.196,0.29-1.641,0.872
        c-0.445,0.581-0.667,1.315-0.667,2.205c0,0.752,0.119,1.384,0.359,1.896l-1.436,6.307c-0.205,0.854-0.222,2.067-0.051,3.64
        c-2.426-0.923-4.384-2.461-5.87-4.614c-1.487-2.153-2.23-4.563-2.23-7.229c0-2.29,0.573-4.409,1.718-6.357
        c1.144-1.948,2.691-3.495,4.64-4.64c1.948-1.145,4.067-1.717,6.357-1.717c2.291,0,4.409,0.572,6.357,1.717
        c1.948,1.146,3.495,2.692,4.64,4.64s1.718,4.067,1.718,6.357S47.142,39.781,45.997,41.729z" />
                                    </g>
                                </svg>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="container">
                    <p class="mb-0">Copyright © 2021 Wolmart Store. All Rights Reserved.</p>
                </div>
            </div>
        </footer>
    </div>

    <!-- Start of Scroll Top -->
    <a id="scroll-top" class="scroll-top" href="#top" title="Top" role="button"> 
        <i class="w-icon-angle-up"></i> 
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"> 
            <circle id="progress-indicator" fill="transparent" stroke="#000000" stroke-miterlimit="10" cx="35" cy="35" r="34" style="stroke-dasharray: 16.4198, 400;"></circle> 
        </svg> 
    </a>
    <!-- End of Scroll Top -->

    <!-- Start of Mobile Menu -->
    <div class="mobile-menu-wrapper">
        <div class="mobile-menu-overlay"></div>
        <!-- End of .mobile-menu-overlay -->

        <!-- <a href="#" class="mobile-menu-close"><i class="close-icon"></i></a> -->
        <!-- End of .mobile-menu-close -->

        <div class="mobile-menu-container d-flex flex-column scrollable">
            <a href="index.html" class="logo d-block pt-4 pb-6 mr-auto ml-auto">
                <img src="assets/landing/images/logo.png" width="145" height="45"
                    alt="Wolmart - Marketplace Template Logo">
            </a>
            <ul class="mobile-menu">
                <li class="active"><a href="#section-overview">Overview</a></li>
                <li>
                    <a href="#section-demos">Demos</a>
                </li>
                <li>
                    <a href="#section-elements">Elements</a>
                </li>
                <li>
                    <a href="#section-features">Features</a>
                </li>
                <li>
                    <a href="#footer-middle">Supports</a>
                </li>
                <li><a href="https://d-themes.com/buynow/wolmarthtml" target="_blank">Buy Wolmart!</a></li>
            </ul>
        </div>
    </div>
    <!-- End of Mobile Menu -->

    <!-- Landing CSS -->
    <link rel="stylesheet" type="text/css" href="assets/landing/css/landing.min.css">

    <!-- Javascript -->
    <script src="assets/landing/vendor/jquery/jquery.min.js"></script>
    <script src="assets/landing/vendor/jquery.count-to/jquery.count-to.min.js" async="async"></script>
    <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
    <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
    <script src="assets/landing/js/main.min.js"></script>
    <script src="assets/landing/js/landing.min.js" async="async"></script>
<script>(function(){var js = "window['__CF$cv$params']={r:'7f047bd21d49883a'};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='../../cdn-cgi/challenge-platform/h/b/scripts/jsd/11b725eb/invisible.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script></body>


<!-- Mirrored from portotheme.com/html/wolmart/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 02 Aug 2023 07:11:23 GMT -->
</html>

Zerion Mini Shell 1.0