.supt-section-faq {
	@mixin clamp padding-block, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
	background-color: $color-grey-background;

	.container {
		@media (max-width: calc($breakpoint-md - 1px)) {
			padding-inline: $spacing-4;
		}
	}

	.row {
		@media (max-width: calc($breakpoint-md - 1px)) {
			display: flex;
			flex-direction: column;
			gap: $spacing-8;
		}
	}

	&__head {
		display: flex;
		flex-direction: column;
		@mixin clamp gap, $spacing-3, $spacing-4, $breakpoint-xs, $breakpoint-xl;

		h2 {
			@extend %t-h2;
			margin: 0;
			font-weight: $font-weight-medium;
		}

		p {
			@extend %t-body-s;
			color: $color-grey-5;
		}
	}
}