@media (max-width: 768px) {
            .hero h1 {
                font-size: 32px;
            }

            .portfolio-grid {
                grid-template-columns: 1fr;
            }

            .testimonial-card {
                flex-direction: column;
                text-align: center;
            }

            .footer-content {
                flex-direction: column;
                gap: 30px;
            }

            .nav-links {
                gap: 20px;
            }
        }

        /* Page Navigation Styles */
        .page-nav {
            background: #f9fafb;
            padding: 40px 20px;
            text-align: center;
            margin-bottom: 40px;
        }

        .page-nav h2 {
            font-size: 36px;
            margin-bottom: 20px;
        }

        .page-links {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .page-link {
            background: #7c3aed;
            color: white;
            padding: 12px 30px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 500;
            transition: background 0.3s;
        }

        .page-link:hover {
            background: #6d28d9;
        }

/*SERVICES*/

            .about-grid {
                grid-template-columns: 1fr;
            }

            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .values-grid {
                grid-template-columns: 1fr;
            }

            .team-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .footer-content {
                flex-direction: column;
                gap: 30px;
            }
        



/*SERVICES*/


            .service-header {
                grid-template-columns: 1fr;
            }

            .service-features {
                grid-template-columns: 1fr;
            }

            .process-grid {
                grid-template-columns: 1fr;
            }

            .pricing-grid {
                grid-template-columns: 1fr;
            }

            .pricing-card.featured {
                transform: scale(1);
            }

            .footer-content {
                flex-direction: column;
                gap: 30px;
            }
    
    /* PROJECTS*/

    @media (max-width: 768px) {
            .projects-grid {
                grid-template-columns: 1fr;
            }

            .featured-content {
                grid-template-columns: 1fr;
            }

            .case-grid {
                grid-template-columns: 1fr;
            }

            .featured-stats {
                grid-template-columns: 1fr;
            }

            .footer-content {
                flex-direction: column;
                gap: 30px;
            }
        }