.for-whom {
	> .container {
		padding-block: var(--clamp-40-20);
	}

	> .container > .content {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: var(--clamp-30-10);
		align-items: center;

		> .title {
			font-size: var(--clamp-48-28);
			font-weight: 800;
			line-height: 1.3;
			color: var(--black);
			white-space: nowrap;
		}

		.items {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: var(--clamp-12-8);
		}

		.item {
			display: flex;
			align-items: center;
			gap: var(--clamp-16-10);
			min-height: 58px;
			padding: var(--clamp-20-10);
			border-radius: var(--clamp-20-10);
			background-color: var(--white-v2);
		}

		.icon {
			display: flex;
			flex: 0 0 auto;
			align-items: center;
			justify-content: center;
			width: 24px;
			height: 24px;
			color: var(--blue);

			svg {
				display: block;
				width: 100%;
				height: 100%;
			}
		}

		.text {
			font-size: var(--clamp-18-14);
			font-weight: 600;
			line-height: 1.25;
			color: var(--black);
		}
	}
}

@media (max-width: 999px) {
	.for-whom {
		> .container > .content {
			grid-template-columns: 1fr;

			> .title {
				white-space: normal;
			}

			.items {
				grid-template-columns: 1fr;
			}
		}
	}
}