@media (max-width: 1024px) {

        .hero-bg::before{
            background-size: 55%;
            background-position: right center;
            opacity: .7;
        }

        .hero-bg::after{
            width: 350px;
            height: 350px;
        }
    }

    /* Mobile */
    @media (max-width: 768px) {

        .hero-bg{
            min-height: 100vh;
            text-align: center;
        }

        .hero-bg::before{
            background-size: 85%;
            background-position: center bottom;
            opacity: .25;
        }

        .hero-bg::after{
            width: 250px;
            height: 250px;
            right: 50%;
            transform: translate(50%, -50%);
        }

        .heading-font{
            line-height: 1;
        }
    }

    /* Small Mobile */
    @media (max-width: 480px) {

        .hero-bg::before{
            background-size: 95%;
            background-position: center bottom;
        }

        .hero-bg::after{
            width: 180px;
            height: 180px;
        }
    }

            .scroll-indicator {
                animation: bounce 2s infinite;
            }

            @keyframes bounce {
                0%, 20% { transform: translateY(0); }
                50% { transform: translateY(15px); }
                80%, 100% { transform: translateY(0); }
            }

            .product-card {
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            }
            
            .product-card:hover {
                transform: translateY(-15px) scale(1.03);
                box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
            }

            .nav-link {
                transition: all 0.3s ease;
            }
            .nav-link:hover {
                color: #10b981;
                transform: translateY(-2px);
            }