@media (min-width: 1200px) {
    .home-container .container {
        max-width: 1280px
    }
}
        .home-container {
            background-color: #0f0f13;
            color: #ffffff;
        }
        
        .home-container .banner {
            background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
            color: white;
            padding: 120px 0;
            margin-bottom: 50px;
            text-align: center;
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        
        .home-container .banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path fill="rgba(255,255,255,0.03)" d="M0,0 L100,0 L100,100 L0,100 Z" /></svg>');
            background-size: 30px 30px;
            opacity: 0.5;
        }
        
        .home-container .banner h1 {
            font-size: 4rem;
            font-weight: 800;
            text-shadow: 0 0 20px rgba(110,142,251,0.5);
            letter-spacing: 1px;
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
        }
        
        .home-container .banner p {
            font-size: 1.5rem;
            opacity: 0.8;
            max-width: 700px;
            margin: 0 auto 30px;
            position: relative;
            z-index: 2;
        }
        
        .home-container .btn-neon {
            background: transparent;
            border: 2px solid #6e8efb;
            color: #6e8efb;
            font-weight: 600;
            padding: 12px 40px;
            border-radius: 0;
            position: relative;
            overflow: hidden;
            z-index: 1;
            transition: all 0.4s ease;
            letter-spacing: 1px;
            text-transform: uppercase;
            font-size: 0.9rem;
        }
        
        .home-container .btn-neon:hover {
            color: #0f0f13;
            text-shadow: 0 0 5px rgba(0,0,0,0.5);
        }
        
        .home-container .btn-neon::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, #6e8efb, transparent);
            transition: 0.5s;
            z-index: -1;
        }
        
        .home-container .btn-neon:hover::before {
            left: 100%;
        }
        
        .home-container .btn-neon::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #6e8efb;
            z-index: -2;
            opacity: 0;
            transition: 0.5s;
        }
        
        .home-container .btn-neon:hover::after {
            opacity: 1;
        }
        
        .home-container .section-title {
            position: relative;
            margin-bottom: 50px;
            font-weight: 700;
            color: #ffffff;
            font-size: 2rem;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        
        .home-container .section-title::after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 0;
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, #6e8efb, #a777e3);
        }
        
        .home-container .category-box {
            padding: 40px 20px;
            text-align: center;
            border-radius: 5px;
            margin-bottom: 30px;
            color: white;
            font-weight: 700;
            transition: all 0.4s ease;
            height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.1);
            background: rgba(255,255,255,0.03);
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .home-container .category-box:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(110,142,251,0.3);
            border: 1px solid rgba(110,142,251,0.5);
        }
        
        .home-container .category-box h3 {
            font-size: 1.8rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: relative;
            z-index: 2;
            text-shadow: 0 0 10px rgba(0,0,0,0.5);
        }
        
        .home-container .category-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
            transform: skewX(-45deg) translateX(-100%);
            transition: 0.5s;
        }
        
        .home-container .category-box:hover::before {
            transform: skewX(-45deg) translateX(200%);
        }
        
        .home-container .category-box::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.05), transparent);
        }
        
        .home-container .featured-card {
            border: none;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            transition: all 0.4s ease;
            margin-bottom: 30px;
            background: rgba(30,30,40,0.7);
            border: 1px solid rgba(255,255,255,0.1);
        }
        
        .home-container .featured-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(110,142,251,0.3);
            border: 1px solid rgba(110,142,251,0.3);
        }
        
        .home-container .featured-card .card-img-top {
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .home-container .featured-card:hover .card-img-top {
            transform: scale(1.05);
        }
        
        .home-container .featured-card .card-body {
            padding: 25px;
        }
        
        .home-container .featured-card .product-title {
            font-weight: 600;
            margin-bottom: 15px;
            color: #fff;
    font-size: 18px;
    overflow: hidden;
    height: 46px;
        }
        
        .home-container .featured-card .price {
            font-weight: 700;
            color: #6e8efb;
            font-size: 1.4rem;
        }
        
        .home-container .featured-card .old-price {
            text-decoration: line-through;
            color: #999;
            font-size: 1rem;
            margin-left: 10px;
        }
        
        .home-container .featured-card .stars {
            color: #ffc107;
            margin-bottom: 15px;
            font-size: 0.9rem;
        }
        
        .home-container .featured-card .btn-more {
            background: transparent;
            color: #6e8efb;
            border: 1px solid #6e8efb;
            padding: 8px 25px;
            border-radius: 0;
            font-weight: 600;
            transition: all 0.3s ease;
            letter-spacing: 1px;
            font-size: 0.8rem;
            text-transform: uppercase;
        }
        
        .home-container .featured-card .btn-more:hover {
            background: #6e8efb;
            color: #0f0f13;
        }
        
        .home-container .blog-card {
            border: none;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            transition: all 0.4s ease;
            margin-bottom: 30px;
            background: rgba(30,30,40,0.7);
            border: 1px solid rgba(255,255,255,0.1);
        }
        
        .home-container .blog-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(110,142,251,0.3);
        }
        
        .home-container .blog-card .blog-img {
            object-fit: cover;
        }
        
        .home-container .blog-card .card-body {
            padding: 25px;
        }
        
        .home-container .blog-card .blog-title {
            font-weight: 600;
            margin-bottom: 15px;
            color: #ffffff;overflow: hidden;
    height: 46px;
        }
.home-container .blog-card .blog-title a{color:#f2f2f2}
.home-container .blog-card .blog-title a:hover{color:#6e8efb}

.home-container .blog-card .blog-smtxt{overflow: hidden; height: 60px; line-height: 120%;color: #999;}
        
        .home-container .blog-card .blog-date {
            color: #6e8efb;
            font-size: 0.9rem;
            margin-bottom: 15px;
            letter-spacing: 1px;
        }
        
        .home-container .blog-card .btn-read {
            background: transparent;
            color: #6e8efb;
            border: 1px solid #6e8efb;
            padding: 8px 25px;
            border-radius: 0;
            font-weight: 600;
            transition: all 0.3s ease;
            letter-spacing: 1px;
            font-size: 0.8rem;
            text-transform: uppercase;
        }
        
        .home-container .blog-card .btn-read:hover {
            background: #6e8efb;
            color: #0f0f13;
        }
        
        .home-container .policy-box {
            text-align: center;
            padding: 40px 20px;
            border-radius: 5px;
            background: rgba(30,30,40,0.7);
            transition: all 0.4s ease;
            height: 100%;
            border: 1px solid rgba(255,255,255,0.1);
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .home-container .policy-box:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(110,142,251,0.3);
            border: 1px solid rgba(110,142,251,0.3);
        }
        
        .home-container .policy-box i {
            font-size: 2.5rem;
            color: #6e8efb;
            margin-bottom: 20px;
        }
        
        .home-container .policy-box h4 {
            font-weight: 600;
            margin-bottom: 15px;
            color: #ffffff;
            font-size: 1.2rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .home-container .policy-box p {
            color: #aaa;
            font-size: 0.9rem;
            letter-spacing: 0.5px;
        }
        
        @media (max-width: 767.98px) {
            .home-container .banner {
                padding: 80px 0;
            }
            
            .home-container .banner h1 {
                font-size: 2.5rem;
            }
            
            .home-container .banner p {
                font-size: 1.2rem;
            }
            
            .home-container .category-box {
                height: 150px;
                padding: 20px;
            }
            
            .home-container .category-box h3 {
                font-size: 1.4rem;
            }
            
            .home-container .section-title {
                font-size: 1.5rem;
            }
        }