/**
 * Shared navy asset-41.svg wave heroes (contact, utility, default, 404).
 * Absolute SVG; title overlaid and vertically centered.
 * FAQ / blog archive keep their own CSS — do not target them here.
 * Content below the wave gets 10px top padding.
 */

body.ldb-native-page .banni-re.in-utility,
body.ldb-native-page .ldb-utility-hero,
body.ldb-native-page .ldb-default-page-hero,
body.ldb-native-page .ldb-404-hero,
body.ldb-native-page .banni-re.in-contact {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	/* Natural SVG ratio; min-height keeps room for title + sticky header */
	aspect-ratio: 1769.92 / 659.34 !important;
	min-height: 28em !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
	overflow: hidden !important;
	background-color: transparent !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

/* Absolute SVG — complete graphic scaled to hero height */
body.ldb-native-page .banni-re.in-utility .home-hero-background.in-utility-hero,
body.ldb-native-page .ldb-utility-hero .home-hero-background.in-utility-hero,
body.ldb-native-page .ldb-default-page-hero .home-hero-background.in-utility-hero,
body.ldb-native-page .ldb-404-hero .home-hero-background.in-utility-hero,
body.ldb-native-page .banni-re.in-contact .home-hero-background.in-contact,
body.ldb-contact-native-page .home-hero-background.in-contact,
body.ldb-contact-professionnels-native-page .home-hero-background.in-contact {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 50% !important;
	right: auto !important;
	height: 100% !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 0 !important;
	transform: translateX(-50%) !important;
	object-fit: contain !important;
	object-position: center top !important;
	margin: 0 !important;
	display: block !important;
	z-index: 0;
	pointer-events: none;
}

/* Title overlaid on SVG, vertically centered (below sticky header) */
body.ldb-native-page .banni-re.in-utility > .vertical-padding,
body.ldb-native-page .banni-re.in-utility > .vertical-padding.large-top,
body.ldb-native-page .ldb-utility-hero > .vertical-padding,
body.ldb-native-page .ldb-utility-hero > .vertical-padding.large-top,
body.ldb-native-page .ldb-default-page-hero > .vertical-padding,
body.ldb-native-page .ldb-default-page-hero > .vertical-padding.large-top,
body.ldb-native-page .ldb-404-hero > .vertical-padding,
body.ldb-native-page .ldb-404-hero > .vertical-padding.large-top,
body.ldb-native-page .banni-re.in-contact > .vertical-padding,
body.ldb-native-page .banni-re.in-contact > .vertical-padding.large-top {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 9em 0.5em 2em !important;
	background: transparent !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-sizing: border-box;
}

body.ldb-native-page .banni-re.in-utility .container,
body.ldb-native-page .ldb-utility-hero .container,
body.ldb-native-page .ldb-default-page-hero .container,
body.ldb-native-page .ldb-404-hero .container,
body.ldb-native-page .banni-re.in-contact .container,
body.ldb-native-page .banni-re.in-utility .page-padding,
body.ldb-native-page .ldb-utility-hero .page-padding,
body.ldb-native-page .ldb-default-page-hero .page-padding,
body.ldb-native-page .ldb-404-hero .page-padding,
body.ldb-native-page .banni-re.in-contact .page-padding {
	width: 100%;
	max-width: 100%;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-sizing: border-box;
}

body.ldb-native-page .banni-re.in-utility .div-block-5,
body.ldb-native-page .ldb-utility-hero .div-block-5,
body.ldb-native-page .ldb-default-page-hero .div-block-5,
body.ldb-native-page .ldb-404-hero .div-block-5,
body.ldb-native-page .banni-re.in-contact .div-block-5 {
	width: min(75em, 100%);
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1em;
}

body.ldb-native-page .banni-re.in-utility .h1-wrapper,
body.ldb-native-page .ldb-utility-hero .h1-wrapper,
body.ldb-native-page .ldb-default-page-hero .h1-wrapper,
body.ldb-native-page .ldb-404-hero .h1-wrapper,
body.ldb-native-page .banni-re.in-contact .h1-wrapper {
	width: 100%;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.ldb-native-page .banni-re.in-utility .heading,
body.ldb-native-page .banni-re.in-utility h1.heading,
body.ldb-native-page .ldb-utility-hero .heading,
body.ldb-native-page .ldb-utility-hero h1.heading,
body.ldb-native-page .ldb-default-page-hero .heading,
body.ldb-native-page .ldb-default-page-hero h1.heading,
body.ldb-native-page .ldb-404-hero .heading,
body.ldb-native-page .ldb-404-hero h1.heading,
body.ldb-native-page .banni-re.in-contact .heading,
body.ldb-native-page .banni-re.in-contact h1.heading {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
}

body.ldb-native-page .banni-re.in-utility .h1-home-big,
body.ldb-native-page .ldb-utility-hero .h1-home-big,
body.ldb-native-page .ldb-default-page-hero .h1-home-big,
body.ldb-native-page .ldb-404-hero .h1-home-big,
body.ldb-native-page .banni-re.in-contact .h1-home-big {
	text-align: center !important;
}

body.ldb-native-page .banni-re.in-utility .banner-paragraph,
body.ldb-native-page .ldb-utility-hero .banner-paragraph,
body.ldb-native-page .ldb-default-page-hero .banner-paragraph,
body.ldb-native-page .ldb-404-hero .banner-paragraph,
body.ldb-native-page .banni-re.in-contact .banner-paragraph {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 48em;
	width: 100%;
}

body.ldb-native-page .banni-re.in-utility .banner-paragraph p,
body.ldb-native-page .ldb-utility-hero .banner-paragraph p,
body.ldb-native-page .ldb-default-page-hero .banner-paragraph p,
body.ldb-native-page .ldb-404-hero .banner-paragraph p,
body.ldb-native-page .banni-re.in-contact .banner-paragraph p {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Content below the wave */
body.ldb-native-page .banni-re.in-contact + .section-contact,
body.ldb-native-page .banni-re.in-contact ~ .section-contact,
body.ldb-contact-native-page .section-contact,
body.ldb-contact-professionnels-native-page .section-contact,
body.ldb-contact-professionnels-native-page .section-contact.in-b2b,
body.ldb-native-page .ldb-default-page-body,
body.ldb-native-page .ldb-404-body,
body.ldb-native-page .banni-re.in-utility + *,
body.ldb-native-page .ldb-utility-hero + * {
	margin-top: 0 !important;
	padding-top: 10px !important;
}

@media screen and (max-width: 767px) {
	body.ldb-native-page .banni-re.in-utility,
	body.ldb-native-page .ldb-utility-hero,
	body.ldb-native-page .ldb-default-page-hero,
	body.ldb-native-page .ldb-404-hero,
	body.ldb-native-page .banni-re.in-contact {
		min-height: 32em !important;
	}

	body.ldb-native-page .banni-re.in-utility > .vertical-padding,
	body.ldb-native-page .banni-re.in-utility > .vertical-padding.large-top,
	body.ldb-native-page .ldb-utility-hero > .vertical-padding,
	body.ldb-native-page .ldb-utility-hero > .vertical-padding.large-top,
	body.ldb-native-page .ldb-default-page-hero > .vertical-padding,
	body.ldb-native-page .ldb-default-page-hero > .vertical-padding.large-top,
	body.ldb-native-page .ldb-404-hero > .vertical-padding,
	body.ldb-native-page .ldb-404-hero > .vertical-padding.large-top,
	body.ldb-native-page .banni-re.in-contact > .vertical-padding,
	body.ldb-native-page .banni-re.in-contact > .vertical-padding.large-top {
		padding: 11em 0.5em 2em !important;
		justify-content: center !important;
	}

	body.ldb-native-page .banni-re.in-utility .banner-paragraph,
	body.ldb-native-page .ldb-utility-hero .banner-paragraph,
	body.ldb-native-page .ldb-default-page-hero .banner-paragraph,
	body.ldb-native-page .ldb-404-hero .banner-paragraph,
	body.ldb-native-page .banni-re.in-contact .banner-paragraph {
		max-width: 100%;
		padding-left: 0.5em;
		padding-right: 0.5em;
		box-sizing: border-box;
	}
}