//page-title-area
.breadcrumb-wrapper {
	padding-top: 266px;
	padding-bottom: 150px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 2;

	&::before {
		content: "";
		position: absolute;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: -1;
	}

	&::after {
		content: "";
		position: absolute;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.32) 40.26%, rgba(0, 0, 0, 0.00) 76%, rgba(0, 0, 0, 0.00) 100%);
		width: 82.23%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.main-img,
	.shape-1,
	.shape-2 {
		position: absolute;
		z-index: 1;
	}

	.main-img {
		right: 16%;
		bottom: 0;
		z-index: 2;
	}

	.shape-1 {
		right: 16%;
		bottom: 0;
		border-radius: 50%;
		animation: rotation infinite linear 35s;
	}

	.shape-2 {
		left: 0;
		top: 13%;
	}

	.breadcrumb-title {
		color: $white;
		font-size: 90px;
		line-height: 1.11;
		font-weight: 600;
		font-family: $poppinsFont;
		letter-spacing: -1.8px;
		margin-bottom: 25px;
	}


	@media #{$max-laptop} {
		.breadcrumb-title {
			font-size: 35px;
		}

	}

	@media #{$max-lg} {
		padding-top: 210px;
		padding-bottom: 80px;
	}

	@media #{$max-md} {
		.page-title {
			font-size: 28px;
		}
	}

	@media #{$max-xs} {
		.page-title {
			font-size: 28px;
		}
	}
}

//breadcrumb
ul.breadcumb-menu {
	display: inline-block;
	padding: 0;
	position: relative;
	z-index: 2;

	& li {
		display: inline-block;

		&:last-child {
			a {
				color: $white;
				margin-right: 0;
				padding-right: 0;

				&::before {
					display: none;
				}
			}
		}

		& a {
			color: rgba(255, 255, 255, 0.4);
			font-size: 28px;
			font-weight: 400;
			font-family: $latoFont;
			line-height: 1;
			display: inline-block;
			padding-right: 10px;
			margin-right: 10px;
			position: relative;
			z-index: 1;

			&::before {
				content: "";
				position: absolute;
				background: rgba(255, 255, 255, 0.4);
				width: 2px;
				height: 21px;
				right: -4px;
				top: 4px;
				z-index: 1;
				transform: rotate(23deg);
			}

			@media #{$max-laptop} {
				font-size: 18px;

				&::before {
					top: 0;
				}
			}
		}
	}
}