/* mobile view */





@media (max-width: 900px) {

    .hero {
        padding-bottom: 140px;
    }

    .hero-scroll-indicator {
        bottom: 80px;
    }

    .tagline-bottom {
        bottom: 20px;
    }

    .hero-content,
    .about-grid {
        grid-template-columns: 1fr;
    }
	
	.cards-grid {
        grid-template-columns: 1fr;
    }
    
	.hero-text h1 {
        font-size: 2.8rem;
    }

	.nav-links {
		position: absolute;
		top: 80px;
		right: 5%;
		background: rgba(15, 23, 42, 0.96);
		flex-direction: column;
		padding: 25px;
		border-radius: 14px;
		opacity: 0;
		visibility: hidden;
		transform: translateX(40px);
		transition:
			opacity 0.3s ease,
			transform 0.3s ease,
			visibility 0.3s ease;
	}

	.nav-links.active {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}

    .menu-toggle {
        display: block;
    }
	
	.nav-links li {
    opacity: 0;
    transform: translateX(20px);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
	}
	
	.nav-links.active li {
    opacity: 1;
    transform: translateX(0);
	}

	.nav-links.active li:nth-child(1) {
		transition-delay: 0.05s;
	}

	.nav-links.active li:nth-child(2) {
		transition-delay: 0.10s;
	}

	.nav-links.active li:nth-child(3) {
		transition-delay: 0.15s;
	}

	.nav-links.active li:nth-child(4) {
		transition-delay: 0.20s;
	}

	.nav-links.active li:nth-child(5) {
		transition-delay: 0.25s;
	}

	.nav-links.active li:nth-child(6) {
		transition-delay: 0.30s;
	}

	.nav-links.active li:nth-child(7) {
		transition-delay: 0.35s;
	}
}