.product-wrapper {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

            .product-wrapper:hover {
                transform: translateY(-5px);
                box-shadow: 0 6px 20px rgba(0,0,0,0.2);
            }

        .product-details:hover {
            color: #daa625 !important;
            text-decoration: none;
        }

        .price span {
            font-size: 1rem;
        }




        /* Banner Section */
        .banner-section {
            position: relative;
            width: 100%;
            /*height: 100vh;*/ /* full viewport height */
            overflow: hidden;
        }

            /* Banner Image */
            .banner-section .banner-image {
                width: 100%;
                height: 100%;
                object-fit: cover; /* ensures the image covers the entire area */
                display: block;
            }

            /* Optional: Text Overlay */
            .banner-section .banner-content {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: white;
                text-align: center;
                z-index: 2;
            }

            /* Optional: Button Styling */
            .banner-section .banner-btn {
                display: inline-block;
                padding: 12px 25px;
                background-color: #ff6f61; /* adjust color */
                color: white;
                text-decoration: none;
                border-radius: 5px;
                margin-top: 15px;
            }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .banner-section .banner-content h1 {
                font-size: 1.8rem;
            }

            .banner-section .banner-content p {
                font-size: 1rem;
            }

            .banner-section .banner-btn {
                padding: 10px 20px;
                font-size: 0.9rem;
            }
        }

        /*=========================*/



        .slider {
            display: flex;
            animation: slide 12s infinite;
        }

            .slider img {
                width: 100%;
                flex-shrink: 0;
                object-fit: cover;
            }

        /* Sliding keyframes */
        @keyframes slide {
            0% {
                transform: translateX(0%);
            }

            30% {
                transform: translateX(0%);
            }

            33% {
                transform: translateX(-100%);
            }

            63% {
                transform: translateX(-100%);
            }

            66% {
                transform: translateX(-200%);
            }

            96% {
                transform: translateX(-200%);
            }

            100% {
                transform: translateX(0%);
            }
        }

/*New gradient styles*/

        .header-two .header-top-section {
            background: linear-gradient(90deg, #001C39, #5c5a46);
        }

        .header-two .header-top a span {
            color: #F9E4B1;
        }
        .header-two .header-search-btn .shop-btn {
            
            background: linear-gradient(90deg, #C3A054, #E4C06B);
        }
        .header-two .header-bottom {
            background: linear-gradient(90deg, #001C39, #585745);
        }
        .header-nav .list-text{
            color: #FFF;
        }
        .header-vendor-btn .shop-btn::after {
            background: linear-gradient(90deg, #001C39, #575745);
        }

        .header-nav .shop-text {
            color: #001C39;
        }
        .top-selling-section .product-wrapper {
            background: linear-gradient(135deg, #f8f9fa, #EDE3CF);
        }
        .product-info {
            background: #FFF0;
        }
        .product-btn:hover {
            background: linear-gradient(90deg, #C3A054, #E4C06B);
        }
        .product-btn {
            background: linear-gradient(90deg, #001C39, #012A54);
        }
        .mlm-card {
            background: linear-gradient(115deg, #2B393F5E, #EDE3CF);
        }

        .top-selling {
    display: block;
  }