@import 'src/Components/GlobalStyles/mixins';

.container {
	&__body {
	}

	&__main {
		display: block;
		max-width: 867px;
		margin: auto;

		p {
			text-align: center;
		}

		@media (max-width: 1000px) {
			width: auto;
		}

		h3 {
			display: flex;
			justify-content: center;
			text-align: center;
			text-transform: capitalize;
		}

		h4 {
			margin: 55px 0 24px;
			text-align: center;
		}

		&__paragraph {
			color: var(--primary-color);
			font-weight: 600;
			font-size: 24px;
			text-align: center;
		}
	}

	.chartContainer {
		width: 840px;
		display: grid;
		grid-template-columns: 410px 410px;
		gap: 10px;
	}

	.footerContainer {
		@include cashFlowFooter;

		margin-top: 70px;

		p {
			margin-top: 20px;
		}
	}
}