@media (max-width: 992px) {
    .hero h1 {
        font-size: 5rem !important; /* Larger hero text on tablets */
        margin-bottom: 2.5rem !important; /* Increased gap */
    }
    
    .hero p {
        font-size: 1.5rem !important; /* Larger subtext on tablets */
    }
}

@media (max-width: 768px) {                                                              
    .hero {
        height: 70vh; /* Set specific height for mobile */
        min-height: unset; /* Override min-height */
    }
    .hero-content {
        max-width: 90% !important;
        padding: 0 1rem !important;
        transform: translateY(-20%); /* Move up */
    }
    .hero-title {                                                                        
        font-size: clamp(2rem, 8vw, 3.5rem) !important;                                  
        margin-bottom: 2rem !important;
        margin-top: 1rem !important; /* Adjust margin-top for mobile */
    }
    
    .hero-description {
        font-size: clamp(0.8rem, 3vw, 1rem) !important;
    }
    
    .hero-btns {
        flex-direction: column;
        align-items: center;
    }
    
    .vm-container {
        flex-direction: column;
    }

    .testimonials-grid {
        gap: 5rem;
    }



    .hamburger {
        display: block; /* Show hamburger on mobile */
        z-index: 1002; /* Ensure it's above the nav-links overlay */
    }

    .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
}

@media (max-width: 480px) {
    /* Hero section adjustments */
    .hero {
        height: 80vh; /* Set specific height for very small mobile */
        min-height: unset; /* Override min-height */
        padding-top: 2rem; /* Reduced padding */
        padding-bottom: 2rem; /* Reduced padding */
    }
    .hero-content {
        transform: translateY(-10%); /* Move up for very small mobile */
    }
    .hero-content h1 {
        font-size: 2.5rem !important; /* Adjusted font size for very small screens */
        margin-bottom: 1rem !important;
    }
    .hero-content p {
        font-size: 1rem !important; /* Adjusted font size for very small screens */
        margin-bottom: 1.5rem !important;
    }

    /* Service section adjustments (flex-direction: column is likely needed if not already present) */
    .service-content {
        flex-direction: column;
        gap: 2rem;
    }

    /* Footer adjustments (same as other pages) */
    .footer-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .footer-section h4 {
        margin-bottom: 0.8rem;
    }
    .footer-bottom {
        padding-top: 1.5rem;
    }
    .footer-bottom .btn {
        margin-bottom: 1.5rem;
    }
}