.page-header {
	padding: 58px 0;
	background-color: $color_background_page_title;
	.page-sub-title,
	.page-main-title {
		text-align: center;
	}
}

.page-main-title {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1.3;
	word-break: break-word;
	color: var(--g5-color-heading);
}

.page-sub-title {
	margin-top: 15px;
	p {
		margin: 0;
	}
}

.breadcrumbs-wrap {
	background-color: #f5f5f5;
	padding: 13px 0;
}

ul.breadcrumbs {
	margin: 0;
	padding: 0;
	font-size: 15px;
	list-style: none;
	color: #7E7E7E;
	@include align-items-center();
	@include justify-content-center();

	li {
		margin: 0;
	}

	li:nth-child(1) {
		&:before {
			content: "\f015";
			font-family: var(--g5-font-icon);
			font-weight: 700;
			margin-right: 9px;
			color: var(--g5-color-dark);
		}
	}

	li.breadcrumb-sep {
		margin: 0 15px;
		color: #9b9b9b;
		font-size: 0;
		width: 28px;
		height: 1px;
		background-color: currentColor;
	}

	li.breadcrumb-sep:last-child {
		display: none !important;
	}

	li a {
		color: inherit;
		@include transition(color .3s);

		&:hover {
			color: var(--g5-color-dark);
		}
	}

	li.breadcrumb-leaf {
		color: var(--g5-color-dark);
	}
}