/*
 * Заголовок секции по центру — группа с классом baserd-section-heading: надзаголовок Eyebrow и h2
 * через 8, поля 72 и 48. В макете блок заходит на нижнюю половину разделителя над ним (gap −29).
 * Одинаковый у тарифов (657:4464), Compliance (657:4567) и других секций главной ниже по макету,
 * поэтому общий, а не в файле одной секции.
 *
 * Селекторы весят (0,2,0): иначе в редакторе их перебивают правила самого редактора и отступы потока.
 */
.wp-block-group.baserd-section-heading {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	margin-top: -29px;
	padding: var(--wp--preset--spacing--72) var(--wp--preset--spacing--48);
	text-align: center;
}

.wp-block-group.baserd-section-heading > * {
	margin: 0;
}

/*
 * Планшет и телефон — кадры 846:23621 и 881:59204 (front#1045): блок заходит на разделитель на 24,
 * поля 48 сверху и снизу, по бокам 24 на планшете и 12 на телефоне.
 */
@media (max-width: 1023px) {
	.wp-block-group.baserd-section-heading {
		margin-top: -24px;
		padding: var(--wp--preset--spacing--48) var(--wp--preset--spacing--24);
	}
}

@media (max-width: 767px) {
	.wp-block-group.baserd-section-heading {
		padding-right: var(--wp--preset--spacing--12);
		padding-left: var(--wp--preset--spacing--12);
	}
}