/*********************************
/*  Breadcrumb Area Start
*********************************/
.breadcrumb__area {
	padding: 120px 0 30px;
}
.breadcrumb__wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px 20px;
	background: rgba(var(--color-primary-rgb), 0.05);
	padding: 10px 30px;
	border-radius: var(--radius);

	.page__title {
		font-weight: var(--font-medium);
		font-size: 28px;
		line-height: 40px;
		color: var(--color-heading);
		margin-bottom: 0;
	}
	.breadcrumb__list {
		display: flex;
		align-items: center;
		gap: 20px;
		margin: 0;
		padding: 0;

		li {
			list-style: none;
			font-family: var(--font-default);
			font-size: 14px;
			font-weight: var(--font-regular);
			line-height: 20px;
			color: var(--color-primary);
			position: relative;

			&::before {
				content: "\ea6e";
				position: absolute;
				left: -20px;
				font-size: 18px;
				font-family: "remixicon";
				font-weight: var(--font-regular);
				top: 0;
				color: var(--color-content);
			}

			&:first-of-type {
				&::before {
					display: none;
				}
			}
			&:last-of-type {
				&::before {
					// color: var(--color-primary);
				}
			}

			a {
				color: var(--color-content);
				display: inline-block;
				transition: var(--transition);
			}
		}
	}
}
/*********************************
/*  Breadcrumb Area End
*********************************/
