#benefits {
	background: #111;

	.list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);

		@media only screen and (max-width: 980px) {
			grid-template-columns: 1fr;
			gap: 48px;
		}

		.item {
			display: grid;
			gap: 24px;			
			padding: 22px 28px;

			@media only screen and (max-width: 980px) {
				padding: 0;
			}

			svg {
				margin-inline: auto;
				display: block;
			}

			.context {
				display: flex;
				gap: 12px;
				align-items: end;
			}

			.heading {
				font-size: 26px;
				font-family: var(--font-big);
				color: #fff;
				text-transform: uppercase;
				text-box: cap alphabetic;
			}

			.icon {
				background: var(--accent);
				border-radius: 20px;
				width: 68px;
				height: 68px;
				display: flex;
				align-items: center;
				justify-items: center;
			}
		}
	}

	.btn-wrap {
		text-align: center;
		margin-top: 64px;
	}
}