/* Induxt Industry Business HTML-5 Template */

/***

====================================================================
	Page Title
====================================================================

***/

.page-title {
	position: relative;
	overflow: hidden;
	padding: 320px 0px 150px;
	background-size: cover;
}

.page-title .pattern-1 {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: left top;
	background-repeat: no-repeat;
}

.page-title .pattern-2 {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: right top;
	background-repeat: no-repeat;
}

.page-title:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 120px;
	height: 120px;
	z-index: 1;
	/* background:url(../images/icons/vector-10.png) no-repeat; */

	-webkit-mask: url(../images/icons/vector-10.webp) no-repeat center/contain;
	mask: url(../images/icons/vector-10.webp) no-repeat center/contain;
	background-color: #ffffff;
}

.page-title:after {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 0px;
	width: 120px;
	height: 120px;
	z-index: 1;
	/* background:url(../images/icons/vector-11.png) no-repeat; */

	-webkit-mask: url(../images/icons/vector-11.webp) no-repeat center/contain;
	mask: url(../images/icons/vector-11.webp) no-repeat center/contain;
	background-color: #ffffff;
}

.page-title h2 {
	text-transform: uppercase;
	color: var(--white-color);
	font-family: "Alexandria", sans-serif;
}

.page-title .bread-crumb {
	position: relative;
	margin-top: 15px;
}

.page-title .bread-crumb li {
	position: relative;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 1px;
	margin-right: 15px;
	padding-right: 15px;
	display: inline-block;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: "Alexandria", sans-serif;
}

/* .page-title .bread-crumb li:first-child::before, */
.page-title .bread-crumb li:not(:last-child)::before {
	position: absolute;
	right: -6px;
	top: -2px;
	content: "::";
	font-size: 22px;
	font-family: 'Font Awesome 6 Free';
}

.page-title .bread-crumb li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before {
	display: none;
}

.page-title .bread-crumb li a {
	color: var(--white-color);
}

.page-title .bread-crumb li a:hover {
	color: var(--main-color);
}