<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>
        Welcome To Namthesam Store    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" sizes="180x180"
          href="https://namthesam.com/storage/app/public/company/2024-08-25-66cb0eff091d7.png">
    <link rel="icon" type="image/png" sizes="32x32"
          href="https://namthesam.com/storage/app/public/company/2024-08-25-66cb0eff091d7.png">

    <link rel="stylesheet" media="screen"
          href="https://namthesam.com/public/assets/front-end/vendor/simplebar/dist/simplebar.min.css"/>
    <link rel="stylesheet" media="screen"
          href="https://namthesam.com/public/assets/front-end/vendor/tiny-slider/dist/tiny-slider.css"/>
    <link rel="stylesheet" media="screen"
          href="https://namthesam.com/public/assets/front-end/vendor/drift-zoom/dist/drift-basic.min.css"/>
    <link rel="stylesheet" media="screen"
          href="https://namthesam.com/public/assets/front-end/vendor/lightgallery.js/dist/css/lightgallery.min.css"/>
    <link rel="stylesheet" href="https://namthesam.com/public/assets/back-end/css/toastr.css"/>
    <!-- Main Theme Styles + Bootstrap-->
    <link rel="stylesheet" media="screen" href="https://namthesam.com/public/assets/front-end/css/theme.min.css">
    <link rel="stylesheet" media="screen" href="https://namthesam.com/public/assets/front-end/css/slick.css">
    <link rel="stylesheet" media="screen" href="https://namthesam.com/public/assets/front-end/css/font-awesome.min.css">
    <!--    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">-->
    <link rel="stylesheet" href="https://namthesam.com/public/assets/back-end/css/toastr.css"/>
    <link rel="stylesheet" href="https://namthesam.com/public/assets/front-end/css/master.css"/>
    <link
        href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Titillium+Web:wght@400;600;700&display=swap"
        rel="stylesheet">
    
    <link rel="stylesheet" href="https://namthesam.com/public/css/lightbox.css">
        <meta property="og:image" content="https://namthesam.com/storage/app/public/company/2024-08-25-66cb10392e8e7.png"/>
    <meta property="og:title" content="Welcome To Namthesam Store Home"/>
    <meta property="og:url" content="http://namthesam.com">
    <meta property="og:description" content="<p>this is about us page. hello and hi from about page description..</p>">

    <meta property="twitter:card" content="https://namthesam.com/storage/app/public/company/2024-08-25-66cb10392e8e7.png"/>
    <meta property="twitter:title" content="Welcome To Namthesam Store Home"/>
    <meta property="twitter:url" content="http://namthesam.com">
    <meta property="twitter:description" content="<p>this is about us page. hello and hi from about page description..</p>">

    <link rel="stylesheet" href="https://namthesam.com/public/assets/front-end/css/home.css"/>
    <style>
        .media {
            background: white;
        }

        .section-header {
            display: flex;
            justify-content: space-between;
        }

        .cz-countdown-days {
            color: white !important;
            background-color: #1b7fed;
            padding: 0px 6px;
            border-radius: 3px;
            margin-right: 3px !important;
        }

        .cz-countdown-hours {
            color: white !important;
            background-color: #1b7fed;
            padding: 0px 6px;
            border-radius: 3px;
            margin-right: 3px !important;
        }

        .cz-countdown-minutes {
            color: white !important;
            background-color: #1b7fed;
            padding: 0px 6px;
            border-radius: 3px;
            margin-right: 3px !important;
        }

        .cz-countdown-seconds {
            color: #1b7fed;
            border: 1px solid#1b7fed;
            padding: 0px 6px;
            border-radius: 3px !important;
        }

        .flash_deal_product_details .flash-product-price {
            font-weight: 700;
            font-size: 18px;
            color: #1b7fed;
        }

        .featured_deal_left {
            height: 130px;
            background: #1b7fed 0% 0% no-repeat padding-box;
            padding: 10px 13px;
            text-align: center;
        }

        .category_div:hover {
            color: #000000;
        }

        .deal_of_the_day {
            /* filter: grayscale(0.5); */
            opacity: .8;
            background: #000000;
            border-radius: 3px;
        }

        .deal-title {
            font-size: 12px;

        }

        .for-flash-deal-img img {
            max-width: none;
        }

        @media (max-width: 375px) {
            .cz-countdown {
                display: flex !important;

            }

            .cz-countdown .cz-countdown-seconds {

                margin-top: -5px !important;
            }

            .for-feature-title {
                font-size: 20px !important;
            }
        }

        @media (max-width: 600px) {
            .flash_deal_title {
                /*font-weight: 600;*/
                /*font-size: 18px;*/
                /*text-transform: uppercase;*/

                font-weight: 700;
                font-size: 25px;
                text-transform: uppercase;
            }

            .cz-countdown .cz-countdown-value {
                font-family: "Roboto", sans-serif;
                font-size: 11px !important;
                font-weight: 700 !important;
            }

            .featured_deal {
                opacity: 1 !important;
            }

            .cz-countdown {
                display: inline-block;
                flex-wrap: wrap;
                font-weight: normal;
                margin-top: 4px;
                font-size: smaller;
            }

            .view-btn-div-f {

                margin-top: 6px;
                float: right;
            }

            .view-btn-div {
                float: right;
            }

            .viw-btn-a {
                font-size: 10px;
                font-weight: 600;
            }


            .for-mobile {
                display: none;
            }

            .featured_for_mobile {
                max-width: 100%;
                margin-top: 20px;
                margin-bottom: 20px;
            }
        }

        @media (max-width: 360px) {
            .featured_for_mobile {
                max-width: 100%;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .featured_deal {
                opacity: 1 !important;
            }
        }

        @media (max-width: 375px) {
            .featured_for_mobile {
                max-width: 100%;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .featured_deal {
                opacity: 1 !important;
            }
        }

        @media (min-width: 768px) {
            .displayTab {
                display: block !important;
            }
        }

        @media (max-width: 800px) {
            .for-tab-view-img {
                width: 40%;
            }

            .for-tab-view-img {
                width: 105px;
            }

            .widget-title {
                font-size: 19px !important;
            }
        }

        .featured_deal_carosel .carousel-inner {
            width: 100% !important;
        }

        .badge-style2 {
            color: black !important;
            background: transparent !important;
            font-size: 11px;
        }
    </style>

    <link rel="stylesheet" href="https://namthesam.com/public/assets/front-end/css/owl.carousel.min.css"/>
    <link rel="stylesheet" href="https://namthesam.com/public/assets/front-end/css/owl.theme.default.min.css"/>

    <link rel="stylesheet" href="https://namthesam.com/public/assets/front-end/css/home.css"/>
    <link rel="stylesheet" href="https://namthesam.com/public/assets/front-end/css/responsive1.css"/>

    
    
    <meta name="_token" content="mneszlYWNuoPV6CZ808cpzMgvbZHT5fwlP2GnhDU">
    
    <!--to make http ajax request to https-->
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
    <style>
        body {
            background-color: #f7f8fa94;
        }

        .rtl {
            direction: ltr;
        }

        .password-toggle-btn .password-toggle-indicator:hover {
            color: #1b7fed;
        }

        .password-toggle-btn .custom-control-input:checked ~ .password-toggle-indicator {
            color: #000000;
        }

        .dropdown-item:hover, .dropdown-item:focus {
            color: #1b7fed;
            text-decoration: none;
            background-color: rgba(0, 0, 0, 0)
        }

        .dropdown-item.active, .dropdown-item:active {
            color: #000000;
            text-decoration: none;
            background-color: rgba(0, 0, 0, 0)
        }

        .topbar a {
            color: black !important;
        }

        .navbar-light .navbar-tool-icon-box {
            color: #1b7fed;
        }

        .search_button {
            background-color: #1b7fed;
            border: none;
        }

        .nav-link {
            color: white !important;
        }

        .navbar-stuck-menu {
            background-color: #1b7fed;
            min-height: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

        .mega-nav {
            background: white;
            position: relative;
            margin-top: 6px;
            line-height: 17px;
            width: 304px;
            border-radius: 3px;
        }

        .mega-nav .nav-item .nav-link {
            padding-top: 11px !important;
            color: #1b7fed                           !important;
            font-size: 20px;
            font-weight: 600;
            padding-left: 20px !important;
        }

        .nav-item .dropdown-toggle::after {
            margin-left: 20px !important;
        }

        .navbar-tool-text {
            padding-left: 5px !important;
            font-size: 16px;
        }

        .navbar-tool-text > small {
            color: #4b566b !important;
        }

        .modal-header .nav-tabs .nav-item .nav-link {
            color: black !important;
            /*border: 1px solid #E2F0FF;*/
        }

        .checkbox-alphanumeric::after,
        .checkbox-alphanumeric::before {
            content: '';
            display: table;
        }

        .checkbox-alphanumeric::after {
            clear: both;
        }

        .checkbox-alphanumeric input {
            left: -9999px;
            position: absolute;
        }

        .checkbox-alphanumeric label {
            width: 2.25rem;
            height: 2.25rem;
            float: left;
            padding: 0.375rem 0;
            margin-right: 0.375rem;
            display: block;
            color: #818a91;
            font-size: 0.875rem;
            font-weight: 400;
            text-align: center;
            background: transparent;
            text-transform: uppercase;
            border: 1px solid #e6e6e6;
            border-radius: 2px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            transform: scale(0.95);
        }

        .checkbox-alphanumeric-circle label {
            border-radius: 100%;
        }

        .checkbox-alphanumeric label > img {
            max-width: 100%;
        }

        .checkbox-alphanumeric label:hover {
            cursor: pointer;
            border-color: #1b7fed;
        }

        .checkbox-alphanumeric input:checked ~ label {
            transform: scale(1.1);
            border-color: red !important;
        }

        .checkbox-alphanumeric--style-1 label {
            width: auto;
            padding-left: 1rem;
            padding-right: 1rem;
            border-radius: 2px;
        }

        .d-table.checkbox-alphanumeric--style-1 {
            width: 100%;
        }

        .d-table.checkbox-alphanumeric--style-1 label {
            width: 100%;
        }

        /* CUSTOM COLOR INPUT */
        .checkbox-color::after,
        .checkbox-color::before {
            content: '';
            display: table;
        }

        .checkbox-color::after {
            clear: both;
        }

        .checkbox-color input {
            left: -9999px;
            position: absolute;
        }

        .checkbox-color label {
            width: 2.25rem;
            height: 2.25rem;
            float: left;
            padding: 0.375rem;
            margin-right: 0.375rem;
            display: block;
            font-size: 0.875rem;
            text-align: center;
            opacity: 0.7;
            border: 2px solid #d3d3d3;
            border-radius: 50%;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            transform: scale(0.95);
        }

        .checkbox-color-circle label {
            border-radius: 100%;
        }

        .checkbox-color label:hover {
            cursor: pointer;
            opacity: 1;
        }

        .checkbox-color input:checked ~ label {
            transform: scale(1.1);
            opacity: 1;
            border-color: red !important;
        }

        .checkbox-color input:checked ~ label:after {
            content: "\f121";
            font-family: "Ionicons";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: rgba(255, 255, 255, 0.7);
            font-size: 14px;
        }

        .card-img-top img, figure {
            max-width: 200px;
            max-height: 200px !important;
            vertical-align: middle;
        }

        .product-card {
            box-shadow: 1px 1px 6px #00000014;
            border-radius: 5px;
        }

        .product-card .card-header {
            text-align: center;
            background: white 0% 0% no-repeat padding-box;
            border-radius: 5px 5px 0px 0px;
            border-bottom: white !important;
        }

        .product-title {
            font-family: 'Roboto', sans-serif !important;
            font-weight: 400 !important;
            font-size: 22px !important;
            color: #000000 !important;
        }

        .feature_header span {
            font-weight: 700;
            font-size: 25px;
            text-transform: uppercase;
        }

        html[dir="ltr"] .feature_header span {
            padding-right: 15px;
        }

        html[dir="rtl"] .feature_header span {
            padding-left: 15px;
        }

        @media (max-width: 768px ) {
            .feature_header {
                margin-top: 0;
                display: flex;
                justify-content: flex-start !important;

            }

            .store-contents {
                justify-content: center;
            }

            .feature_header span {
                padding-right: 0;
                padding-left: 0;
                font-weight: 700;
                font-size: 25px;
                text-transform: uppercase;
            }

            .view_border {
                margin: 16px 0px;
                border-top: 2px solid #E2F0FF !important;
            }

        }

        .scroll-bar {
            max-height: calc(100vh - 100px);
            overflow-y: auto !important;
        }

        ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px white;
            border-radius: 5px;
        }

        ::-webkit-scrollbar {
            width: 3px;
        }

        ::-webkit-scrollbar-thumb {
            background: rgba(194, 194, 194, 0.38) !important;
            border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #000000        !important;
        }

        .mobileshow {
            display: none;
        }

        @media  screen and (max-width: 500px) {
            .mobileshow {
                display: block;
            }
        }

        [type="radio"] {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        [type="radio"] + span:after {
            content: '';
            display: inline-block;
            width: 1.1em;
            height: 1.1em;
            vertical-align: -0.10em;
            border-radius: 1em;
            border: 0.35em solid #fff;
            box-shadow: 0 0 0 0.10em#000000;
            margin-left: 0.75em;
            transition: 0.5s ease all;
        }

        [type="radio"]:checked + span:after {
            background: #000000;
            box-shadow: 0 0 0 0.10em#000000;
        }

        [type="radio"]:focus + span::before {
            font-size: 1.2em;
            line-height: 1;
            vertical-align: -0.125em;
        }


        .checkbox-color label {
            box-shadow: 0px 3px 6px #0000000D;
            border: none;
            border-radius: 3px !important;
            max-height: 35px;
        }

        .checkbox-color input:checked ~ label {
            transform: scale(1.1);
            opacity: 1;
            border: 1px solid #ffb943 !important;
        }

        .checkbox-color input:checked ~ label:after {
            font-family: "Ionicons", serif;
            position: absolute;
            content: "\2713" !important;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: rgba(255, 255, 255, 0.7);
            font-size: 14px;
        }

        .navbar-tool .navbar-tool-label {
            position: absolute;
            top: -.3125rem;
            right: -.3125rem;
            width: 1.25rem;
            height: 1.25rem;
            border-radius: 50%;
            background-color: #000000!important;
            color: #fff;
            font-size: .75rem;
            font-weight: 500;
            text-align: center;
            line-height: 1.25rem;
        }

        .btn-primary {
            color: #fff;
            background-color: #1b7fed!important;
            border-color: #1b7fed!important;
        }

        .btn-primary:hover {
            color: #fff;
            background-color: #1b7fed!important;
            border-color: #1b7fed!important;
        }

        .btn-secondary {
            background-color: #000000!important;
            border-color: #000000!important;
        }

        .btn-outline-accent:hover {
            color: #fff;
            background-color: #1b7fed;
            border-color: #1b7fed;
        }

        .btn-outline-accent {
            color: #1b7fed;
            border-color: #1b7fed;
        }

        .text-accent {
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 18px;
            color: #1b7fed;
        }

        a:hover {
            color: #000000;
            text-decoration: none
        }

        .active-menu {
            color: #000000!important;
        }

        .page-item.active > .page-link {
            box-shadow: 0 0.5rem 1.125rem -0.425rem#1b7fed


        }

        .page-item.active .page-link {
            z-index: 3;
            color: #fff;
            background-color: #1b7fed;
            border-color: rgba(0, 0, 0, 0)
        }

        .btn-outline-accent:not(:disabled):not(.disabled):active, .btn-outline-accent:not(:disabled):not(.disabled).active, .show > .btn-outline-accent.dropdown-toggle {
            color: #fff;
            background-color: #000000;
            border-color: #000000;
        }

        .btn-outline-primary {
            color: #1b7fed;
            border-color: #1b7fed;
        }

        .btn-outline-primary:hover {
            color: #fff;
            background-color: #000000;
            border-color: #000000;
        }

        .btn-outline-primary:focus, .btn-outline-primary.focus {
            box-shadow: 0 0 0 0#000000;
        }

        .btn-outline-primary.disabled, .btn-outline-primary:disabled {
            color: #6f6f6f;
            background-color: transparent
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
            color: #fff;
            background-color: #1b7fed;
            border-color: #1b7fed;
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0#1b7fed;
        }

        .feature_header span {
            background-color: #fafafc !important
        }

        .discount-top-f {
            position: absolute;
        }

        html[dir="ltr"] .discount-top-f {
            left: 0;
        }

        html[dir="rtl"] .discount-top-f {
            right: 0;
        }

        .for-discoutn-value {
            background: #1b7fed;

        }

        .czi-star-filled {
            color: #fea569 !important;
        }

        .flex-start {
            display: flex;
            justify-content: flex-start;
        }

        .flex-center {
            display: flex;
            justify-content: center;
        }

        .flex-around {
            display: flex;
            justify-content: space-around;
        }

        .flex-between {
            display: flex;
            justify-content: space-between;
        }

        .row-reverse {
            display: flex;
            flex-direction: row-reverse;
        }

        .count-value {
            width: 1.25rem;
            height: 1.25rem;
            border-radius: 50%;
            color: #fff;
            font-size: 0.75rem;
            font-weight: 500;
            text-align: center;
            line-height: 1.25rem;
        }
    </style>

    <!--for product-->
    <style>
        .stock-out {
            position: absolute;
            top: 40% !important;
            color: white !important;
            font-weight: 900;
            font-size: 15px;
        }

        html[dir="ltr"] .stock-out {
            left: 35% !important;
        }

        html[dir="rtl"] .stock-out {
            right: 35% !important;
        }

        .product-card {
            height: 100%;
        }

        .badge-style {
            left: 75% !important;
            margin-top: -2px !important;
            background: transparent !important;
            color: black !important;
        }

        html[dir="ltr"] .badge-style {
            right: 0 !important;
        }

        html[dir="rtl"] .badge-style {
            left: 0 !important;
        }
    </style>

    <style>
        .dropdown-menu {
            min-width: 304px !important;
            margin-left: -8px !important;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }
    </style>

    
</head>
<!-- Body-->
<body class="toolbar-enabled">
<!-- Sign in / sign up modal-->
<style>
    .close {
        z-index: 99;
        background: white !important;
        padding: 3px 8px !important;
        margin: -23px -12px -1rem auto !important;
        border-radius: 50%;
    }
</style>
<!-- Navbar-->
<!-- Quick View Modal-->
<div class="modal-quick-view modal fade" id="quick-view" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content" id="quick-view-modal">

        </div>
    </div>
</div>
<!-- Navbar Electronics Store-->
<style>
    .card-body.search-result-box {
        overflow: scroll;
        height: 400px;
        overflow-x: hidden;
    }

    .active .seller {
        font-weight: 700;
    }

    .for-count-value {
        position: absolute;

        right: 0.6875rem;;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%;
        color: #1b7fed;

        font-size: .75rem;
        font-weight: 500;
        text-align: center;
        line-height: 1.25rem;
    }

    .count-value {
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%;
        color: #1b7fed;

        font-size: .75rem;
        font-weight: 500;
        text-align: center;
        line-height: 1.25rem;
    }

    @media (min-width: 992px) {
        .navbar-sticky.navbar-stuck .navbar-stuck-menu.show {
            display: block;
            height: 55px !important;
        }
    }

    @media (min-width: 768px) {
        .navbar-stuck-menu {
            background-color: #1b7fed;
            line-height: 15px;
            padding-bottom: 6px;
        }

    }

    @media (max-width: 767px) {
        .search_button {
            background-color: transparent !important;
        }

        .search_button .input-group-text i {
            color: #1b7fed                              !important;
        }

        .navbar-expand-md .dropdown-menu > .dropdown > .dropdown-toggle {
            position: relative;
            padding- right: 1.95rem;
        }

        .mega-nav1 {
            background: white;
            color: #1b7fed                              !important;
            border-radius: 3px;
        }

        .mega-nav1 .nav-link {
            color: #1b7fed                              !important;
        }
    }

    @media (max-width: 768px) {
        .tab-logo {
            width: 10rem;
        }
    }

    @media (max-width: 360px) {
        .mobile-head {
            padding: 3px;
        }
    }

    @media (max-width: 471px) {
        .navbar-brand img {

        }

        .mega-nav1 {
            background: white;
            color: #1b7fed                              !important;
            border-radius: 3px;
        }

        .mega-nav1 .nav-link {
            color: #1b7fed                              !important;
        }
    }
    #anouncement {
        width: 100%;
        padding: 2px 0;
        text-align: center;
        color:white;
    }
</style>


<header class="box-shadow-sm rtl">
    <!-- Topbar-->
    <div class="topbar">
        <div class="container ">
            <div>
                                <div
                    class="topbar-text dropdown disable-autohide mr-3 text-capitalize">
                    <a class="topbar-link dropdown-toggle" href="#" data-toggle="dropdown">
                                                                                    <img class="mr-2" width="20"
                                     src="https://namthesam.com/public/assets/front-end/img/flags/en.png"
                                     alt="Eng">
                                english
                                                                        </a>
                    <ul class="dropdown-menu dropdown-menu-left"
                        style="text-align: left;">
                                                                                    <li>
                                    <a class="dropdown-item pb-1" href="https://namthesam.com/lang/en">
                                        <img class="mr-2"
                                             width="20"
                                             src="https://namthesam.com/public/assets/front-end/img/flags/en.png"
                                             alt="english"/>
                                        <span style="text-transform: capitalize">english</span>
                                    </a>
                                </li>
                                                                        </ul>
                </div>

                                            </div>
            <div class="topbar-text dropdown d-md-none ml-auto">
                <a class="topbar-link" href="tel: +91-9884654949">
                    <i class="fa fa-phone"></i> +91-9884654949
                </a>
            </div>
            <div class="d-none d-md-block ml-3 text-nowrap">
                <a class="topbar-link d-none d-md-inline-block" href="tel:+91-9884654949">
                    <i class="fa fa-phone"></i> +91-9884654949
                </a>
            </div>
        </div>
    </div>


    <div class="navbar-sticky bg-light mobile-head">
        <div class="navbar navbar-expand-md navbar-light">
            <div class="container ">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <a class="navbar-brand d-none d-sm-block mr-3 flex-shrink-0"
                   href="https://namthesam.com"
                   style="min-width: 7rem;">
                    <img width="250" height="60" style="height: 60px!important;"
                         src="https://namthesam.com/storage/app/public/company/2024-08-25-66cb10392e8e7.png"
                         onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                         alt="Namthesam Store"/>
                </a>
                <a class="navbar-brand d-sm-none mr-2"
                   href="https://namthesam.com">
                    <img width="100" height="60" style="height: 38px!important;" class="mobile-logo-img"
                         src="https://namthesam.com/storage/app/public/company/2024-08-25-66cb0eff04e3b.png"
                         onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                         alt="Namthesam Store"/>
                </a>
                <!-- Search-->
                <div class="input-group-overlay d-none d-md-block mx-4"
                     style="text-align: left">
                    <form action="https://namthesam.com/products" type="submit" class="search_form">
                        <input class="form-control appended-form-control search-bar-input" type="text"
                               autocomplete="off"
                               placeholder="Search"
                               name="name">
                        <button class="input-group-append-overlay search_button" type="submit"
                                style="border-radius: 0px 7px 7px 0px; left: unset; right: 0;">
                                <span class="input-group-text" style="font-size: 20px;">
                                    <i class="czi-search text-white"></i>
                                </span>
                        </button>
                        <input name="data_from" value="search" hidden>
                        <input name="page" value="1" hidden>
                        <diV class="card search-card"
                             style="position: absolute;background: white;z-index: 999;width: 100%;display: none">
                            <div class="card-body search-result-box"
                                 style="overflow:scroll; height:400px;overflow-x: hidden"></div>
                        </diV>
                    </form>
                </div>
                <!-- Toolbar-->
                <div class="navbar-toolbar d-flex flex-shrink-0 align-items-center">
                    <a class="navbar-tool navbar-stuck-toggler" href="#">
                        <span class="navbar-tool-tooltip">Expand menu</span>
                        <div class="navbar-tool-icon-box">
                            <i class="navbar-tool-icon czi-menu"></i>
                        </div>
                    </a>
                    <div class="navbar-tool dropdown ml-3">
                        <a class="navbar-tool-icon-box bg-secondary dropdown-toggle" href="https://namthesam.com/wishlists">
                            <span class="navbar-tool-label">
                                <span
                                    class="countWishlist">0</span>
                           </span>
                            <i class="navbar-tool-icon czi-heart"></i>
                        </a>
                    </div>
                                            <div class="dropdown">
                            <a class="navbar-tool ml-3"
                               type="button" data-toggle="dropdown" aria-haspopup="true"
                               aria-expanded="false">
                                <div class="navbar-tool-icon-box bg-secondary">
                                    <div class="navbar-tool-icon-box bg-secondary">
                                        <i class="navbar-tool-icon czi-user"></i>
                                    </div>
                                </div>
                            </a>
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="dropdownMenuButton"
                                 style="text-align: left;">
                                <a class="dropdown-item" href="https://namthesam.com/customer/auth/login">
                                    <i class="fa fa-sign-in mr-2"></i> Sign in
                                </a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="https://namthesam.com/customer/auth/register">
                                    <i class="fa fa-user-circle mr-2"></i>Sign up
                                </a>
                            </div>
                        </div>
                                        <div id="cart_items">
                        <div class="navbar-tool dropdown ml-3"
     style="margin-right: 6px">
    <a class="navbar-tool-icon-box bg-secondary dropdown-toggle" href="https://namthesam.com/shop-cart">
        <span class="navbar-tool-label">
                        0
        </span>
        <i class="navbar-tool-icon czi-cart"></i>
    </a>
    <a class="navbar-tool-text" href="https://namthesam.com/shop-cart"><small>My cart</small>
        0.00₹
    </a>
    <!-- Cart dropdown-->
    <div class="dropdown-menu dropdown-menu-right"
         style="width: 20rem;">
        <div class="widget widget-cart px-3 pt-2 pb-3">
                            <div class="widget-cart-item">
                    <h6 class="text-danger text-center"><i
                            class="fa fa-cart-arrow-down"></i> Empty Cart
                    </h6>
                </div>
                    </div>
    </div>
</div>


                    </div>
                </div>
            </div>
        </div>
        <div class="navbar navbar-expand-md navbar-stuck-menu">
            <div class="container">
                <div class="collapse navbar-collapse" id="navbarCollapse"
                     style="text-align: left">

                    <!-- Search-->
                    <div class="input-group-overlay d-md-none my-3">
                        <form action="https://namthesam.com/products" type="submit" class="search_form">
                            <input class="form-control appended-form-control search-bar-input-mobile" type="text"
                                   autocomplete="off"
                                   placeholder="Search" name="name">
                            <input name="data_from" value="search" hidden>
                            <input name="page" value="1" hidden>
                            <button class="input-group-append-overlay search_button" type="submit"
                                    style="border-radius: 0px 7px 7px 0px; left: unset; right: 0;">
                            <span class="input-group-text" style="font-size: 20px;">
                                <i class="czi-search text-white"></i>
                            </span>
                            </button>
                            <diV class="card search-card"
                                 style="position: absolute;background: white;z-index: 999;width: 100%;display: none">
                                <div class="card-body search-result-box" id=""
                                     style="overflow:scroll; height:400px;overflow-x: hidden"></div>
                            </diV>
                        </form>
                    </div>

                                        <ul class="navbar-nav mega-nav pr-2 pl-2 mr-2 d-none d-xl-block ">
                        <!--web-->
                        <li class="nav-item ">
                            <a class="nav-link dropdown-toggle pl-0"
                               href="#" data-toggle="dropdown" style="pointer-events: none">
                                <i class="czi-menu align-middle mt-n1 mr-2"></i>
                                <span
                                    style="margin-left: 40px !important;margin-right: 50px">
                                    Categories
                                </span>
                            </a>
                                                            <ul class="dropdown-menu"
                                    style="right: 0%; display: block!important;margin-top: 7px; box-shadow: none;min-width: 303px !important;margin-left: 1px!important;text-align: left;padding-bottom: 0px!important;">
                                                                                                                        <li class="dropdown">
                                                <a class="dropdown-item flex-between"
                                                    href="javascript:"
                                                   onclick="location.href='https://namthesam.com/products?id=1&amp;data_from=category&amp;page=1'">
                                                    <div>
                                                        <img
                                                            src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1b6f3a3f8.png"
                                                            onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                                            style="width: 18px; height: 18px; ">
                                                        <span
                                                            class="pl-3">புகைப்பட சட்டகம்</span>
                                                    </div>
                                                                                                    </a>
                                                                                            </li>
                                                                                                                                                                <li class="dropdown">
                                                <a class="dropdown-item flex-between"
                                                    href="javascript:"
                                                   onclick="location.href='https://namthesam.com/products?id=2&amp;data_from=category&amp;page=1'">
                                                    <div>
                                                        <img
                                                            src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1bd614570.png"
                                                            onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                                            style="width: 18px; height: 18px; ">
                                                        <span
                                                            class="pl-3">கடிகாரம்</span>
                                                    </div>
                                                                                                    </a>
                                                                                            </li>
                                                                                                                                                                <li class="dropdown">
                                                <a class="dropdown-item flex-between"
                                                    href="javascript:"
                                                   onclick="location.href='https://namthesam.com/products?id=3&amp;data_from=category&amp;page=1'">
                                                    <div>
                                                        <img
                                                            src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1c6049d5b.png"
                                                            onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                                            style="width: 18px; height: 18px; ">
                                                        <span
                                                            class="pl-3">சிலை</span>
                                                    </div>
                                                                                                    </a>
                                                                                            </li>
                                                                                                                                                                <li class="dropdown">
                                                <a class="dropdown-item flex-between"
                                                    href="javascript:"
                                                   onclick="location.href='https://namthesam.com/products?id=4&amp;data_from=category&amp;page=1'">
                                                    <div>
                                                        <img
                                                            src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1d3aa4d57.png"
                                                            onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                                            style="width: 18px; height: 18px; ">
                                                        <span
                                                            class="pl-3">சுவர் கடிகாரம்</span>
                                                    </div>
                                                                                                    </a>
                                                                                            </li>
                                                                                                                <a class="dropdown-item" href="https://namthesam.com/categories"
                                       style="left: 29%">
                                        View more
                                    </a>
                                </ul>
                                                    </li>
                    </ul>

                    <ul class="navbar-nav mega-nav1 pr-2 pl-2 d-block d-xl-none"><!--mobile-->
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle pl-0"
                               href="#" data-toggle="dropdown">
                                <i class="czi-menu align-middle mt-n1 mr-2"></i>
                                <span
                                    style="margin-left: 20px !important;">Categories</span>
                            </a>
                            <ul class="dropdown-menu"
                                style="right: 0%; text-align: left;">
                                                                    <li class="dropdown">
                                        <a class="dropdown-item  "
                                            href="https://namthesam.com/products?id=1&amp;data_from=category&amp;page=1">
                                            <img src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1b6f3a3f8.png"
                                                 onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                                 style="width: 18px; height: 18px; ">
                                            <span
                                                class="pl-3">புகைப்பட சட்டகம்</span>
                                        </a>
                                                                            </li>
                                                                    <li class="dropdown">
                                        <a class="dropdown-item  "
                                            href="https://namthesam.com/products?id=2&amp;data_from=category&amp;page=1">
                                            <img src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1bd614570.png"
                                                 onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                                 style="width: 18px; height: 18px; ">
                                            <span
                                                class="pl-3">கடிகாரம்</span>
                                        </a>
                                                                            </li>
                                                                    <li class="dropdown">
                                        <a class="dropdown-item  "
                                            href="https://namthesam.com/products?id=3&amp;data_from=category&amp;page=1">
                                            <img src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1c6049d5b.png"
                                                 onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                                 style="width: 18px; height: 18px; ">
                                            <span
                                                class="pl-3">சிலை</span>
                                        </a>
                                                                            </li>
                                                                    <li class="dropdown">
                                        <a class="dropdown-item  "
                                            href="https://namthesam.com/products?id=4&amp;data_from=category&amp;page=1">
                                            <img src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1d3aa4d57.png"
                                                 onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                                 style="width: 18px; height: 18px; ">
                                            <span
                                                class="pl-3">சுவர் கடிகாரம்</span>
                                        </a>
                                                                            </li>
                                                            </ul>
                        </li>
                    </ul>
                    <!-- Primary menu-->
                    <ul class="navbar-nav" style="">
                        <li class="nav-item dropdown active">
                            <a class="nav-link" href="https://namthesam.com">Home</a>
                        </li>

                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#"
                               data-toggle="dropdown">All Brands</a>
                            <ul class="dropdown-menu dropdown-menu-left scroll-bar"
                                style="text-align: left;">
                                                                <li style="border-bottom: 1px solid #e3e9ef; display:flex; justify-content:center; ">
                                    <div>
                                        <a class="dropdown-item" href="https://namthesam.com/brands">
                                            View more
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                                                                        
                                                                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>

<script>
function myFunction() {
  $('#anouncement').addClass('d-none').removeClass('d-flex')
}
</script>
<!-- Page title-->


<div class="container">
    <div class="row">
        <div class="col-12" style="width:70%;position: fixed;z-index: 9999;display: flex;align-items: center;justify-content: center;">
            <div id="loading" style="display: none;">
                <img width="200"
                     src="https://namthesam.com/storage/app/public/company/"
                     onerror="this.src='https://namthesam.com/public/assets/front-end/img/loader.gif'">
            </div>
        </div>
    </div>
</div>


<!-- Page Content-->
    <!-- Hero (Banners + Slider)-->
    <section class="bg-transparent mb-3">
        <div class="container">
            <div class="row ">
                <div class="col-12">
                    <style>
    .just-padding {
        padding: 15px;
        border: 1px solid #ccccccb3;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        height: 100%;
        background-color: white;
    }
</style>

<div class="row rtl">
    <div class="col-xl-3 d-none d-xl-block">
        <div class="just-padding"></div>
    </div>

    <div class="col-xl-9 col-md-12" style="margin-top: 11px">
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                                    <li data-target="#carouselExampleIndicators" data-slide-to="0"
                        class="active">
                    </li>
                            </ol>
            <div class="carousel-inner">
                                    <div class="carousel-item active">
                        <a href="http://namthesam.com/">
                            <img class="d-block w-100" style="max-height: 350px"
                                 onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                 src="https://namthesam.com/storage/app/public/banner/2024-08-25-66cb174b2475b.png"
                                 alt="">
                        </a>
                    </div>
                            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"
               data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button"
               data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

        <div class="row mt-2">
                    </div>
    </div>
    <!-- Banner group-->
</div>


<script>
    $(function () {
        $('.list-group-item').on('click', function () {
            $('.glyphicon', this)
                .toggleClass('glyphicon-chevron-right')
                .toggleClass('glyphicon-chevron-down');
        });
    });
</script>
                </div>
            </div>
        </div>
    </section>

    
    
    
    
    <section class="container rtl">
        <!-- Heading-->
        <div class="section-header">
            <div class="feature_header" style="color: black">
                <span> Brands</span>
            </div>
            <div>
                <a class="btn btn-outline-accent btn-sm viw-btn-a" href="https://namthesam.com/brands">
                    View all
                    <i class="czi-arrow-right ml-1 mr-n1"></i>
                </a>
            </div>
        </div>
    
    <!-- Grid-->
        <div class="mt-2 mb-3 brand-slider">
            <div class="owl-carousel owl-theme" id="brands-slider">
                            </div>
        </div>
    </section>

    <!-- Products grid (featured products)-->
    
    
    
        
    <div class="container rtl">
        <div class="row">
            
            <div class="col-xl-3 col-md-4 pb-4 mt-3">
                <div class="deal_of_the_day">
                                                                                                        </div>
                <div class="container mt-2">
                    <div class="row p-0">
                        <div class="col-md-3 p-0 text-center mobile-padding mt-1 mt-md-0">
                            <img style="height: 29px;" src="https://namthesam.com/public/assets/front-end/png/delivery.png"
                                 alt="">
                            <div class="deal-title">3 Days
                                <br><span>Free delivery</span></div>
                        </div>
                        <div class="col-md-3 p-0 text-center mt-1 mt-md-0">
                            <img style="height: 29px;" src="https://namthesam.com/public/assets/front-end/png/money.png" alt="">
                            <div class="deal-title">Money back guarantee</div>
                        </div>
                        <div class="col-md-3 p-0 text-center mt-1 mt-md-0">
                            <img style="height: 29px;" src="https://namthesam.com/public/assets/front-end/png/Genuine.png"
                                 alt="">
                            <div class="deal-title">100% Genuine
                                <br><span>Product</span></div>
                        </div>
                        <div class="col-md-3 p-0 text-center mt-1 mt-md-0">
                            <img style="height: 29px;" src="https://namthesam.com/public/assets/front-end/png/Payment.png"
                                 alt="">
                            <div class="deal-title">Authentic payment</div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-xl-9 col-md-8">
                <div class="section-header">
                    <div class="feature_header">
                        <span class="for-feature-title">Latest Products</span>
                    </div>
                    <div>
                        <a class="btn btn-outline-accent btn-sm viw-btn-a"
                           href="https://namthesam.com/products?data_from=latest">
                            View all
                            <i class="czi-arrow-right ml-1 mr-n1"></i>
                        </a>
                    </div>
                </div>

                <div class="row mt-2 mb-3">
                                    </div>
            </div>
        </div>
    </div>

    
    <section class="container rtl">
        <!-- Heading-->
        <div class="section-header">
            <div class="feature_header">
                <span>Categories</span>
            </div>
            <div>
                <a class="btn btn-outline-accent btn-sm viw-btn-a"
                   href="https://namthesam.com/categories">View all
                    <i class="czi-arrow-right ml-1 mr-n1"></i>
                </a>
            </div>
        </div>

        <div class="mt-2 mb-3 brand-slider">
            <div class="owl-carousel owl-theme " id="category-slider">
                                    <div class="category_div" style="height: 132px; width: 100%;">
                        <a href="https://namthesam.com/products?id=1&amp;data_from=category&amp;page=1">
                            <img style="vertical-align: middle; padding: 16%;height: 100px"
                                 onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                 src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1b6f3a3f8.png"
                                 alt="புகைப்பட சட்டகம்">
                            <p class="text-center small"
                               style="margin-top: -20px">புகைப்பட சட்டகம்</p>
                        </a>
                    </div>
                                    <div class="category_div" style="height: 132px; width: 100%;">
                        <a href="https://namthesam.com/products?id=2&amp;data_from=category&amp;page=1">
                            <img style="vertical-align: middle; padding: 16%;height: 100px"
                                 onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                 src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1bd614570.png"
                                 alt="கடிகாரம்">
                            <p class="text-center small"
                               style="margin-top: -20px">கடிகாரம்</p>
                        </a>
                    </div>
                                    <div class="category_div" style="height: 132px; width: 100%;">
                        <a href="https://namthesam.com/products?id=3&amp;data_from=category&amp;page=1">
                            <img style="vertical-align: middle; padding: 16%;height: 100px"
                                 onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                 src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1c6049d5b.png"
                                 alt="சிலை">
                            <p class="text-center small"
                               style="margin-top: -20px">சிலை</p>
                        </a>
                    </div>
                                    <div class="category_div" style="height: 132px; width: 100%;">
                        <a href="https://namthesam.com/products?id=4&amp;data_from=category&amp;page=1">
                            <img style="vertical-align: middle; padding: 16%;height: 100px"
                                 onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                                 src="https://namthesam.com/storage/app/public/category/2024-08-25-66cb1d3aa4d57.png"
                                 alt="சுவர் கடிகாரம்">
                            <p class="text-center small"
                               style="margin-top: -20px">சுவர் கடிகாரம்</p>
                        </a>
                    </div>
                            </div>
        </div>
    </section>

    <!-- top sellers -->
        
    
            <section class="container rtl">
            <!-- Heading-->
            <div class="section-header">
                <div class="feature_header">
                    <span class="for-feature-title">புகைப்பட சட்டகம்</span>
                </div>
                <div>
                    <a class="btn btn-outline-accent btn-sm viw-btn-a"
                       href="https://namthesam.com/products?id=1&amp;data_from=category&amp;page=1">
                        View all
                        <i class="czi-arrow-right ml-1 mr-n1"></i>
                    </a>
                </div>
            </div>

            <div class="row mt-2 mb-3">
                            </div>
        </section>
            <section class="container rtl">
            <!-- Heading-->
            <div class="section-header">
                <div class="feature_header">
                    <span class="for-feature-title">கடிகாரம்</span>
                </div>
                <div>
                    <a class="btn btn-outline-accent btn-sm viw-btn-a"
                       href="https://namthesam.com/products?id=2&amp;data_from=category&amp;page=1">
                        View all
                        <i class="czi-arrow-right ml-1 mr-n1"></i>
                    </a>
                </div>
            </div>

            <div class="row mt-2 mb-3">
                            </div>
        </section>
            <section class="container rtl">
            <!-- Heading-->
            <div class="section-header">
                <div class="feature_header">
                    <span class="for-feature-title">சிலை</span>
                </div>
                <div>
                    <a class="btn btn-outline-accent btn-sm viw-btn-a"
                       href="https://namthesam.com/products?id=3&amp;data_from=category&amp;page=1">
                        View all
                        <i class="czi-arrow-right ml-1 mr-n1"></i>
                    </a>
                </div>
            </div>

            <div class="row mt-2 mb-3">
                            </div>
        </section>
            <section class="container rtl">
            <!-- Heading-->
            <div class="section-header">
                <div class="feature_header">
                    <span class="for-feature-title">சுவர் கடிகாரம்</span>
                </div>
                <div>
                    <a class="btn btn-outline-accent btn-sm viw-btn-a"
                       href="https://namthesam.com/products?id=4&amp;data_from=category&amp;page=1">
                        View all
                        <i class="czi-arrow-right ml-1 mr-n1"></i>
                    </a>
                </div>
            </div>

            <div class="row mt-2 mb-3">
                            </div>
        </section>
    

    <!-- Product widgets-->
    <section class="container pb-4 pb-md-5 rtl">
        <div class="row">
            <!-- Bestsellers-->
            <div class="col-12 col-sm-6 col-md-4 mb-2 py-3">
                <div class="widget">
                    <div class="d-flex justify-content-between">
                        <h3 class="widget-title">Best sellings</h3>
                        <div>
                            <a class="btn btn-outline-accent btn-sm"
                               href="https://namthesam.com/products?data_from=best-selling&amp;page=1">View all
                                <i class="czi-arrow-right ml-1 mr-n1"></i>
                            </a>
                        </div>
                    </div>
                                    </div>
            </div>
            <!-- New arrivals-->
            <div class="col-12 col-sm-6 col-md-4 mb-2 py-3">
                <div class="widget">
                    <div class="d-flex justify-content-between">
                        <h3 class="widget-title">New arrivals</h3>
                        <div>
                            <a class="btn btn-outline-accent btn-sm"
                               href="https://namthesam.com/products?data_from=latest&amp;page=1">View all
                                <i class="czi-arrow-right ml-1 mr-n1"></i>
                            </a>
                        </div>
                    </div>
                                    </div>
            </div>
            <!-- Top rated-->
            <div class="col-12 col-sm-6 col-md-4 mb-2 py-3">
                <div class="widget">
                    <div class="d-flex justify-content-between">
                        <h3 class="widget-title">Top rated</h3>
                        <div><a class="btn btn-outline-accent btn-sm"
                                href="https://namthesam.com/products?data_from=top-rated&amp;page=1">View all
                                <i class="czi-arrow-right ml-1 mr-n1"></i></a>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>
    </section>

<!-- Footer-->
<!-- Footer-->
<!-- Footer -->
<style>
    .social-media :hover {
        color: #000000 !important;
    }
    .widget-list-link{
        color: #999898 !important;
    }

    .widget-list-link:hover{
        color: white !important;
    }
</style>

<footer class="page-footer font-small mdb-color pt-3 rtl">
    <!-- Footer Links -->
    <div class="container text-center" style="padding-bottom: 13px;">

        <!-- Footer links -->
        <div
            class="row text-center text-md-left mt-3 pb-3">
            <!-- Grid column -->
            <div class="col-md-3 col-lg-3 col-xl-3 mt-3">
                <div class="text-nowrap mb-4">
                    <a class="d-inline-block mt-n1" href="https://namthesam.com">
                        <img width="250" style="height: 60px!important;"
                             src="https://namthesam.com/storage/app/public/company/2024-08-25-66cb101cb1566.png"
                             onerror="this.src='https://namthesam.com/public/assets/front-end/img/image-place-holder.png'"
                             alt="Namthesam Store"/>
                    </a>
                </div>
                                                                            <span class="social-media">
                                <a class="social-btn sb-light sb-twitter mr-2 mb-2"
                                   target="_blank" href="https://www.w3schools.com/howto/howto_css_table_responsive.asp" style="color: white!important;">
                                    <i class="fa fa-twitter" aria-hidden="true"></i>
                                </a>
                            </span>
                                            <span class="social-media">
                                <a class="social-btn sb-light sb-linkedin mr-2 mb-2"
                                   target="_blank" href="https://dev.6amtech.com/" style="color: white!important;">
                                    <i class="fa fa-linkedin" aria-hidden="true"></i>
                                </a>
                            </span>
                                            <span class="social-media">
                                <a class="social-btn sb-light sb-google-plus mr-2 mb-2"
                                   target="_blank" href="https://dev.6amtech.com/" style="color: white!important;">
                                    <i class="fa fa-google-plus-square" aria-hidden="true"></i>
                                </a>
                            </span>
                                            <span class="social-media">
                                <a class="social-btn sb-light sb-pinterest mr-2 mb-2"
                                   target="_blank" href="https://dev.6amtech.com/" style="color: white!important;">
                                    <i class="fa fa-pinterest" aria-hidden="true"></i>
                                </a>
                            </span>
                                            <span class="social-media">
                                <a class="social-btn sb-light sb-instagram mr-2 mb-2"
                                   target="_blank" href="https://dev.6amtech.com/" style="color: white!important;">
                                    <i class="fa fa-instagram" aria-hidden="true"></i>
                                </a>
                            </span>
                                            <span class="social-media">
                                <a class="social-btn sb-light sb-facebook mr-2 mb-2"
                                   target="_blank" href="facebook.com" style="color: white!important;">
                                    <i class="fa fa-facebook" aria-hidden="true"></i>
                                </a>
                            </span>
                                    
                <div class="widget mb-4 for-margin">
                                        
                    

                    <div class="store-contents" style="display: flex;">
                        
                                            </div>

                </div>
            </div>
            <!-- Grid column -->

            <hr class="w-100 clearfix d-md-none">

            <!-- Grid column -->
            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
                <h6 class="text-uppercase mb-4 font-weight-bold footer-heder">Special</h6>
                <ul class="widget-list" style="padding-bottom: 10px">
                                                            <li class="widget-list-item"><a class="widget-list-link"
                                                    href="https://namthesam.com/products?data_from=featured&amp;page=1">Featured Products</a>
                    </li>
                    <li class="widget-list-item"><a class="widget-list-link"
                                                    href="https://namthesam.com/products?data_from=latest&amp;page=1">Latest Products</a>
                    </li>
                    <li class="widget-list-item"><a class="widget-list-link"
                                                    href="https://namthesam.com/products?data_from=best-selling&amp;page=1">Best Selling Products</a>
                    </li>
                    <li class="widget-list-item"><a class="widget-list-link"
                                                    href="https://namthesam.com/products?data_from=top-rated&amp;page=1">Top Rated Products</a>
                    </li>

                    <li class="widget-list-item"><a class="widget-list-link"
                                                    href="https://namthesam.com/brands">All Brands</a>
                    </li>
                    <li class="widget-list-item"><a class="widget-list-link"
                                                    href="https://namthesam.com/categories">All Categories</a>
                    </li>

                </ul>
            </div>
            <!-- Grid column -->

            <hr class="w-100 clearfix d-md-none">

            <!-- Grid column -->
            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
                <h6 class="text-uppercase mb-4 font-weight-bold footer-heder">Account &amp; shipping info</h6>
                                    <ul class="widget-list" style="padding-bottom: 10px">
                        <li class="widget-list-item"><a class="widget-list-link"
                                                        href="https://namthesam.com/customer/auth/login">Profile Info</a>
                        </li>
                        <li class="widget-list-item"><a class="widget-list-link"
                                                        href="https://namthesam.com/customer/auth/login">Wish List</a>
                        </li>
                        
                        <li class="widget-list-item"><a class="widget-list-link"
                                                        href="https://namthesam.com/track-order">Track Order</a>
                        </li>
                        <li class="widget-list-item"><a class="widget-list-link"
                                                        href="https://namthesam.com/customer/auth/login">Address</a>
                        </li>
                        <li class="widget-list-item"><a class="widget-list-link"
                                                        href="https://namthesam.com/customer/auth/login">Support Ticket</a>
                        </li>
                        
                        
                    </ul>
                            </div>

            <!-- Grid column -->
            <hr class="w-100 clearfix d-md-none">

            <!-- Grid column -->
            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
                <h6 class="text-uppercase mb-4 font-weight-bold footer-heder">About Us</h6>


                <ul class="widget-list" style="padding-bottom: 10px">
                    
                    <li class="widget-list-item"><a class="widget-list-link"
                                                    href="https://namthesam.com/about-us">About Company</a>
                    </li>
                    <li class="widget-list-item"><a class="widget-list-link"
                                                    href="https://namthesam.com/helpTopic">FAQ</a></li>
                    <li class="widget-list-item "><a class="widget-list-link"
                                                     href="https://namthesam.com/terms">Terms &amp; Conditions</a>

                    </li>

                    <li class="widget-list-item ">
                        <a class="widget-list-link" href="https://namthesam.com/privacy-policy">
                            Privacy Policy
                        </a>
                    </li>
                    <li class="widget-list-item "><a class="widget-list-link"
                                                     href="https://namthesam.com/contacts">Contact Us</a>

                    </li>
                </ul>
            </div>
            <!-- Grid column -->
        </div>
        <!-- Footer links -->
    </div>

    <hr>
    <!-- Grid row -->
    <div class="container text-center">
        <div class="row d-flex align-items-center footer-end">
            <div class="col-md-12 mt-3">
                <p class="text-center" style="font-size: 12px;">CopyRight @NamthesamStore</p>
            </div>
        </div>
        <!-- Grid row -->
    </div>
    <!-- Footer Links -->
</footer>
<!-- Footer -->
<!-- Toolbar for handheld devices-->
<!--<div class="cz-handheld-toolbar" id="toolbar">
    
    </div>-->

<!-- Back To Top Button-->
<a class="btn-scroll-top" href="#top" data-scroll>
    <span class="btn-scroll-top-tooltip text-muted font-size-sm mr-2">Top</span><i
        class="btn-scroll-top-icon czi-arrow-up"> </i>
</a>

<!-- Vendor scrits: js libraries and plugins-->



<script src="https://namthesam.com/public/assets/front-end/vendor/jquery/dist/jquery-2.2.4.min.js"></script>
<script src="https://namthesam.com/public/assets/front-end/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script
    src="https://namthesam.com/public/assets/front-end/vendor/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
<script src="https://namthesam.com/public/assets/front-end/vendor/simplebar/dist/simplebar.min.js"></script>
<script src="https://namthesam.com/public/assets/front-end/vendor/tiny-slider/dist/min/tiny-slider.js"></script>
<script src="https://namthesam.com/public/assets/front-end/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>


<script src="https://namthesam.com/public/js/lightbox.min.js"></script>
<script src="https://namthesam.com/public/assets/front-end/vendor/drift-zoom/dist/Drift.min.js"></script>
<script src="https://namthesam.com/public/assets/front-end/vendor/lightgallery.js/dist/js/lightgallery.min.js"></script>
<script src="https://namthesam.com/public/assets/front-end/vendor/lg-video.js/dist/lg-video.min.js"></script>

<script src=https://namthesam.com/public/assets/back-end/js/toastr.js></script>
<!-- Main theme script-->
<script src="https://namthesam.com/public/assets/front-end/js/theme.min.js"></script>
<script src="https://namthesam.com/public/assets/front-end/js/slick.min.js"></script>

<script src="https://namthesam.com/public/assets/front-end/js/sweet_alert.js"></script>

<script src=https://namthesam.com/public/assets/back-end/js/toastr.js></script>
<script type="text/javascript"></script>

<script>
    function addWishlist(product_id) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            url: "https://namthesam.com/store-wishlist",
            method: 'POST',
            data: {
                product_id: product_id
            },
            success: function (data) {
                if (data.value == 1) {
                    Swal.fire({
                        position: 'top-end',
                        type: 'success',
                        title: data.success,
                        showConfirmButton: false,
                        timer: 1500
                    });
                    $('.countWishlist').html(data.count);
                    $('.countWishlist-' + product_id).text(data.product_count);
                    $('.tooltip').html('');

                } else if (data.value == 2) {
                    Swal.fire({
                        type: 'info',
                        title: 'WishList',
                        text: data.error
                    });
                } else {
                    Swal.fire({
                        type: 'error',
                        title: 'WishList',
                        text: data.error
                    });
                }
            }
        });
    }

    function removeWishlist(product_id) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            url: "https://namthesam.com/delete-wishlist",
            method: 'POST',
            data: {
                id: product_id
            },
            beforeSend: function () {
                $('#loading').show();
            },
            success: function (data) {
                Swal.fire({
                    type: 'success',
                    title: 'WishList',
                    text: data.success
                });
                $('.countWishlist').html(data.count);
                $('#set-wish-list').html(data.wishlist);
                $('.tooltip').html('');
            },
            complete: function () {
                $('#loading').hide();
            },
        });
    }

    function quickView(product_id) {
        $.get({
            url: 'https://namthesam.com/quick-view',
            dataType: 'json',
            data: {
                product_id: product_id
            },
            beforeSend: function () {
                $('#loading').show();
            },
            success: function (data) {
                console.log("success...")
                $('#quick-view').modal('show');
                $('#quick-view-modal').empty().html(data.view);
            },
            complete: function () {
                $('#loading').hide();
            },
        });
    }

    function addToCart(form_id = 'add-to-cart-form') {
        if (checkAddToCartValidity()) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.post({
                url: 'https://namthesam.com/cart/add',
                data: $('#' + form_id).serializeArray(),
                beforeSend: function () {
                    $('#loading').show();
                },
                success: function (response) {
                    console.log(response);
                    if (response.status == 1) {
                        updateNavCart();
                        toastr.success(response.message, {
                            CloseButton: true,
                            ProgressBar: true
                        });
                        $('.call-when-done').click();
                        return false;
                    } else if (response.status == 0) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Cart',
                            text: response.message
                        });
                        return false;
                    }
                },
                complete: function () {
                    $('#loading').hide();
                }
            });
        } else {
            Swal.fire({
                type: 'info',
                title: 'Cart',
                text: 'Please choose all the options'
            });
        }
    }

    function buy_now() {
        addToCart();
        location.href = "https://namthesam.com/checkout-details";
    }

    function currency_change(currency_code) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            type: 'POST',
            url: 'https://namthesam.com/currency',
            data: {
                currency_code: currency_code
            },
            success: function (data) {
                toastr.success('Currency changed to' + data.name);
                location.reload();
            }
        });
    }

    function removeFromCart(key) {
        $.post('https://namthesam.com/cart/remove', {_token: 'mneszlYWNuoPV6CZ808cpzMgvbZHT5fwlP2GnhDU', key: key}, function (response) {
            console.log(response)
            updateNavCart();
            $('#cart-summary').empty().html(response.data);
            toastr.info('Item has been removed from cart', {
                CloseButton: true,
                ProgressBar: true
            });
        });
    }

    function updateNavCart() {
        $.post('https://namthesam.com/cart/nav-cart-items', {_token: 'mneszlYWNuoPV6CZ808cpzMgvbZHT5fwlP2GnhDU'}, function (response) {
            $('#cart_items').html(response.data);
        });
    }

    function cartQuantityInitialize() {
        $('.btn-number').click(function (e) {
            e.preventDefault();

            fieldName = $(this).attr('data-field');
            type = $(this).attr('data-type');
            var input = $("input[name='" + fieldName + "']");
            var currentVal = parseInt(input.val());

            if (!isNaN(currentVal)) {
                if (type == 'minus') {

                    if (currentVal > input.attr('min')) {
                        input.val(currentVal - 1).change();
                    }
                    if (parseInt(input.val()) == input.attr('min')) {
                        $(this).attr('disabled', true);
                    }

                } else if (type == 'plus') {

                    if (currentVal < input.attr('max')) {
                        input.val(currentVal + 1).change();
                    }
                    if (parseInt(input.val()) == input.attr('max')) {
                        $(this).attr('disabled', true);
                    }

                }
            } else {
                input.val(0);
            }
        });

        $('.input-number').focusin(function () {
            $(this).data('oldValue', $(this).val());
        });

        $('.input-number').change(function () {

            minValue = parseInt($(this).attr('min'));
            maxValue = parseInt($(this).attr('max'));
            valueCurrent = parseInt($(this).val());

            var name = $(this).attr('name');
            if (valueCurrent >= minValue) {
                $(".btn-number[data-type='minus'][data-field='" + name + "']").removeAttr('disabled')
            } else {
                Swal.fire({
                    icon: 'error',
                    title: 'Cart',
                    text: 'Sorry  the minimum value was reached'
                });
                $(this).val($(this).data('oldValue'));
            }
            if (valueCurrent <= maxValue) {
                $(".btn-number[data-type='plus'][data-field='" + name + "']").removeAttr('disabled')
            } else {
                Swal.fire({
                    icon: 'error',
                    title: 'Cart',
                    text: 'Sorry  stock limit exceeded.'
                });
                $(this).val($(this).data('oldValue'));
            }


        });
        $(".input-number").keydown(function (e) {
            // Allow: backspace, delete, tab, escape, enter and .
            if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
                // Allow: Ctrl+A
                (e.keyCode == 65 && e.ctrlKey === true) ||
                // Allow: home, end, left, right
                (e.keyCode >= 35 && e.keyCode <= 39)) {
                // let it happen, don't do anything
                return;
            }
            // Ensure that it is a number and stop the keypress
            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                e.preventDefault();
            }
        });
    }

    function updateQuantity(key, element) {
        $.post('https://namthesam.com/cart/updateQuantity', {
            _token: 'mneszlYWNuoPV6CZ808cpzMgvbZHT5fwlP2GnhDU',
            key: key,
            quantity: element.value
        }, function (data) {
            updateNavCart();
            $('#cart-summary').empty().html(data);
        });
    }

    function updateCartQuantity(key) {
        var quantity = $("#cartQuantity" + key).children("option:selected").val();
        $.post('https://namthesam.com/cart/updateQuantity', {
            _token: 'mneszlYWNuoPV6CZ808cpzMgvbZHT5fwlP2GnhDU',
            key: key,
            quantity: quantity
        }, function (response) {
            if (response.status == 0) {
                toastr.error(response.message, {
                    CloseButton: true,
                    ProgressBar: true
                });
                $("#cartQuantity" + key).val(response['qty']);
            } else {
                updateNavCart();
                $('#cart-summary').empty().html(response);
            }
        });
    }

    $('#add-to-cart-form input').on('change', function () {
        getVariantPrice();
    });

    function getVariantPrice() {
        if ($('#add-to-cart-form input[name=quantity]').val() > 0 && checkAddToCartValidity()) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                type: "POST",
                url: 'https://namthesam.com/cart/variant_price',
                data: $('#add-to-cart-form').serializeArray(),
                success: function (data) {
                    console.log(data)
                    $('#add-to-cart-form #chosen_price_div').removeClass('d-none');
                    $('#add-to-cart-form #chosen_price_div #chosen_price').html(data.price);
                    $('#set-tax-amount').html(data.tax);
                    $('#set-discount-amount').html(data.discount);
                    $('#available-quantity').html(data.quantity);
                    $('.cart-qty-field').attr('max', data.quantity);
                }
            });
        }
    }

    function checkAddToCartValidity() {
        var names = {};
        $('#add-to-cart-form input:radio').each(function () { // find unique names
            names[$(this).attr('name')] = true;
        });
        var count = 0;
        $.each(names, function () { // then count them
            count++;
        });
        if ($('input:radio:checked').length == count) {
            return true;
        }
        return false;
    }

        $(document).ready(function () {
        $('#popup-modal').appendTo("body").modal('show');
    });
        
    $(".clickable").click(function () {
        window.location = $(this).find("a").attr("href");
        return false;
    });
</script>


<script>
    function couponCode() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            type: "POST",
            url: 'https://namthesam.com/coupon/apply',
            data: $('#coupon-code-ajax').serializeArray(),
            success: function (data) {
                if (data.status == 1) {
                    let ms = data.messages;
                    ms.forEach(
                        function (m, index) {
                            toastr.success(m, index, {
                                CloseButton: true,
                                ProgressBar: true
                            });
                        }
                    );
                } else {
                    let ms = data.messages;
                    ms.forEach(
                        function (m, index) {
                            toastr.error(m, index, {
                                CloseButton: true,
                                ProgressBar: true
                            });
                        }
                    );
                }
                setInterval(function () {
                    location.reload();
                }, 2000);
            }
        });
    }

    jQuery(".search-bar-input").keyup(function () {
        $(".search-card").css("display", "block");
        let name = $(".search-bar-input").val();
        if (name.length > 0) {
            $.get({
                url: 'https://namthesam.com/searched-products',
                dataType: 'json',
                data: {
                    name: name
                },
                beforeSend: function () {
                    $('#loading').show();
                },
                success: function (data) {
                    $('.search-result-box').empty().html(data.result)
                },
                complete: function () {
                    $('#loading').hide();
                },
            });
        } else {
            $('.search-result-box').empty();
        }
    });

    jQuery(".search-bar-input-mobile").keyup(function () {
        $(".search-card").css("display", "block");
        let name = $(".search-bar-input-mobile").val();
        if (name.length > 0) {
            $.get({
                url: 'https://namthesam.com/searched-products',
                dataType: 'json',
                data: {
                    name: name
                },
                beforeSend: function () {
                    $('#loading').show();
                },
                success: function (data) {
                    $('.search-result-box').empty().html(data.result)
                },
                complete: function () {
                    $('#loading').hide();
                },
            });
        } else {
            $('.search-result-box').empty();
        }
    });

    jQuery(document).mouseup(function (e) {
        var container = $(".search-card");
        if (!container.is(e.target) && container.has(e.target).length === 0) {
            container.hide();
        }
    });

    const img = document.getElementByTagName("img")
    img.addEventListener("error", function (event) {
        event.target.src = 'https://namthesam.com/public/assets/front-end/img/image-place-holder.png';
        event.onerror = null
    })

    function route_alert(route, message) {
        Swal.fire({
            title: 'Are you sure?',
            text: message,
            type: 'warning',
            showCancelButton: true,
            cancelButtonColor: 'default',
            confirmButtonColor: '#1b7fed',
            cancelButtonText: 'No',
            confirmButtonText: 'Yes',
            reverseButtons: true
        }).then((result) => {
            if (result.value) {
                location.href = route;
            }
        })
    }
</script>
    
    <script src="https://namthesam.com/public/assets/front-end/js/owl.carousel.min.js"></script>

    <script>
        $('#flash-deal-slider').owlCarousel({
            loop: true,
            autoplay: true,
            margin: 5,
            nav: false,
            //navText: ["<i class='czi-arrow-left'></i>", "<i class='czi-arrow-right'></i>"],
            dots: true,
            autoplayHoverPause: true,
            'ltr': true,
            // center: true,
            responsive: {
                //X-Small
                0: {
                    items: 1
                },
                360: {
                    items: 1
                },
                375: {
                    items: 1
                },
                540: {
                    items: 2
                },
                //Small
                576: {
                    items: 2
                },
                //Medium
                768: {
                    items: 3
                },
                //Large
                992: {
                    items: 4
                },
                //Extra large
                1200: {
                    items: 4
                },
                //Extra extra large
                1400: {
                    items: 4
                }
            }
        })

        $('#web-feature-deal-slider').owlCarousel({
            loop: true,
            autoplay: true,
            margin: 5,
            nav: false,
            //navText: ["<i class='czi-arrow-left'></i>", "<i class='czi-arrow-right'></i>"],
            dots: true,
            autoplayHoverPause: true,
            'ltr': true,
            // center: true,
            responsive: {
                //X-Small
                0: {
                    items: 1
                },
                360: {
                    items: 1
                },
                375: {
                    items: 1
                },
                540: {
                    items: 2
                },
                //Small
                576: {
                    items: 2
                },
                //Medium
                768: {
                    items: 2
                },
                //Large
                992: {
                    items: 2
                },
                //Extra large
                1200: {
                    items: 3
                },
                //Extra extra large
                1400: {
                    items: 3
                }
            }
        })
    </script>

    <script>
        $('#brands-slider').owlCarousel({
            loop: false,
            autoplay: false,
            margin: 10,
            nav: false,
            'ltr': true,
            //navText: ["<i class='czi-arrow-left'></i>","<i class='czi-arrow-right'></i>"],
            dots: true,
            autoplayHoverPause: true,
            // center: true,
            responsive: {
                //X-Small
                0: {
                    items: 2
                },
                360: {
                    items: 3
                },
                375: {
                    items: 3
                },
                540: {
                    items: 4
                },
                //Small
                576: {
                    items: 5
                },
                //Medium
                768: {
                    items: 7
                },
                //Large
                992: {
                    items: 9
                },
                //Extra large
                1200: {
                    items: 11
                },
                //Extra extra large
                1400: {
                    items: 12
                }
            }
        })
    </script>

    <script>
        $('#category-slider, #top-seller-slider').owlCarousel({
            loop: false,
            autoplay: false,
            margin: 5,
            nav: false,
            // navText: ["<i class='czi-arrow-left'></i>","<i class='czi-arrow-right'></i>"],
            dots: true,
            autoplayHoverPause: true,
            'ltr': true,
            // center: true,
            responsive: {
                //X-Small
                0: {
                    items: 2
                },
                360: {
                    items: 3
                },
                375: {
                    items: 3
                },
                540: {
                    items: 4
                },
                //Small
                576: {
                    items: 5
                },
                //Medium
                768: {
                    items: 6
                },
                //Large
                992: {
                    items: 8
                },
                //Extra large
                1200: {
                    items: 10
                },
                //Extra extra large
                1400: {
                    items: 11
                }
            }
        })
    </script>

</body>
</html>
