@media (max-width: 768px) {
	body {
		overflow-x: hidden;
	}

	.hero-content h1 {
		font-size: 30px !important;
		line-height: 1.7 !important;
	}

	.hero-content p {
		font-size: 15px !important;
	}

	.hero-buttons {
		flex-direction: column;
	}

	.hero-buttons a {
		width: 100%;
		text-align: center;
	}

	.hero-stats {
		flex-direction: column;
		gap: 20px;
	}

	.process-timeline,
	.success-grid,
	.reviews,
	.footer-grid {
		grid-template-columns: 1fr !important;
	}

	.hero-parsi,
	.growth-process,
	.success-section,
	.faq-section {
		padding: 70px 20px !important;
	}
}
