/* Responsive Design */
        @media (max-width: 768px) {
            .hero-content {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 30px;
            }

            .hero-text h1 {
                font-size: 2.5rem;
            }

            .phone {
                width: 250px;
                height: 500px;
            }

            .features-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .contact-info {
                gap: 10px;
            }

            .contact-info p {
                font-size: 0.9rem;
            }

            .contact-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .contact-info-box,
            .contact-form {
                padding: 30px 20px;
            }

            .contact-item {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
        }