#pagetitle {
	background-color: #0e0e0e;
	padding: 110px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-color: rgba(#030014, 0.67);
	}
	.page-title {
		color: #fff;
		font-size: 60px;
		margin-bottom: 0;
		@media #{$max-md} {
			font-size: 45px;
		}
		@media #{$max-sm} {
			font-size: 40px;
		}
	}
	.image-overlay {
		width: 138px;
		height: 118px;
		background-image: url(../images/ptitle-overlay.png);
		position: absolute;
		top: 44px;
		right: 175px;
		z-index: -1;
		animation: squares_lg 3s infinite linear alternate;
		@media #{$max-xl} {
			right: 55px;
		}
		@media #{$max-sm} {
			display: none;
		}
	}
}

.ct-breadcrumb {
	margin: 7px 0 0;
	list-style: none;
	color: #ffffff;
	li {
		display: inline-block;
		font-size: 16px;
		@media #{$max-sm} {
			font-size: 15px;
		}
		font-weight: 500;
		color: inherit;
		a {
			color: inherit;
			&:after {
				content: '\f101';
				margin: 0 12px;
				color: inherit;
				font-family: "Font Awesome 5 Pro";
				color: $primary_color;
			}
			&:hover {
				color: $primary_color;
				&:after {
					color: inherit;
				}
			}
		}
	}
}
.single-post #pagetitle {
	padding: 190px 0;
	.page-title {
		font-size: 45px;
		@media #{$max-sm} {
			font-size: 40px;
		}
	}
	.ct-breadcrumb {
		margin-top: 24px;
	}
}