/* ==========================================================================
   Layout Styles
   ========================================================================== */

.site-container, .hero-container, .features-container, .digitize-container, .why-grid, .steps-timeline, .compare-table-box, .roadmap-container, .footer-grid {
	max-width: var(--container-max-width);
	margin-inline: auto;
	padding-inline: 24px;
}

section {
	padding: 100px 48px;
	position: relative;
}

@media (max-width: 1024px) {
	section {
		padding: 70px 24px;
	}
}

@media (max-width: 640px) {
	section {
		padding: 50px 16px;
	}
	.site-container, .hero-container, .features-container, .digitize-container, .why-grid, .steps-timeline, .compare-table-box, .roadmap-container, .footer-grid {
		padding-inline: 0;
	}
}