/*
 * Site Concepts: page-level style tweaks.
 * astra/style.css forces Century Gothic 400 (!important) on every Elementor heading.
 * The service-page banner titles use Roboto regular, as set in Elementor.
 */
.elementor-77 .elementor-element.elementor-element-e0d65ef .elementor-heading-title,
.elementor-79 .elementor-element.elementor-element-e620f79 .elementor-heading-title,
.elementor-78 .elementor-element.elementor-element-c611fee .elementor-heading-title {
	font-family: "Roboto", sans-serif !important;
	font-weight: 400 !important;
}

/*
 * astra/style.css removes the top padding of every full-width section once its
 * background has lazy-loaded (.e-con-full.e-flex.e-con.e-parent.e-lazyloaded),
 * which pushes the service-page banner titles to the top edge. Restore the
 * banner's own Elementor padding so the title sits centred with space above.
 */
.elementor-77 .elementor-element.elementor-element-4fe1ded.e-con.e-parent.e-lazyloaded,
.elementor-79 .elementor-element.elementor-element-4667953.e-con.e-parent.e-lazyloaded,
.elementor-78 .elementor-element.elementor-element-a0c8712.e-con.e-parent.e-lazyloaded {
	padding-top: var(--padding-top) !important;
}

/*
 * Illustrations (page 11): section headings (MANUAL SKETCHES - PLANS, etc.) at the
 * same 20px as the homepage category headings, instead of the theme's forced 35px.
 * Phone size is set in mobile.css.
 */
html body #content .elementor-11 .elementor-widget-heading h2.elementor-heading-title {
	font-size: 20px !important;
	line-height: 1.3 !important;
	letter-spacing: 0.02em;
}

/*
 * Regional Offices (page 13): the Philippines address block had fixed 250px side
 * margins, leaving ~100px for the text (one letter per line on tablets).
 * Centre it at a readable width instead, at every screen size.
 */
html body .elementor-13 .elementor-element.elementor-element-dc446e3,
html body .elementor-13 .elementor-element.elementor-element-dc446e3 > .elementor-widget-container {
	margin-left: auto !important;
	margin-right: auto !important;
}

html body .elementor-13 .elementor-element.elementor-element-dc446e3 {
	width: 100%;
	max-width: 360px;
}
