#page-header > div {
	background-color: var(--red-color);
	color: var(--white-color);
	border-radius: var(--sm);
	padding: var(--lg) var(--sm);
}

#page-header .texts {
	display: flex;
	flex-direction: column;
}

#page-header .texts div {
	display: flex;
	gap: var(--sm);
	justify-content: flex-start;
	align-items: center;
}

#page-header .texts h1,
#page-header .texts h4 {
	color: var(--white-color);
}

#page-header .texts img {
	height: 30px;
	width: 30px;
	margin-bottom: var(--lg);
}

#page-header .d-lg-flex {
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

#page-header .d-lg-flex img {
	height: 160px;
	width: 160px;
}

@media (min-width: 992px) {
	#page-header {
		width: 100%;
		padding: 0;
		margin-top: -130px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 80px;
		max-width: none;
	}

	#page-header > div {
		padding: 200px var(--xl) var(--xxl) var(--xl);
		border-radius: 0 0 var(--xl) var(--xl);
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: -100px;
		max-width: none;
		transform: translateY(-100px);
	}
}

@media (min-width: 1024px) {
	#page-header .texts img {
		margin-bottom: var(--xl);
	}
}