.dm-breadcrumb-wrapper{
	background: linear-gradient(135deg, var(--footer-bg, #075a58) 0%, rgba(7,90,88,0.95) 100%);
	color: var(--footer-text, #eaf6fb);
	padding: 150px 0 70px;
}

/* Title */
.dm-breadcrumb-title{
	font-size: 35px;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0;
	color: #fefefe;
}

/* Breadcrumb block */
.dm-breadcrumb{
	display: flex;
	justify-content: flex-end;
}

.dm-breadcrumb-list{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	margin: 0;
	list-style: none;
	background: rgba(255,255,255,0.04);
	border-radius: 999px;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	box-shadow: 0 8px 20px rgba(2,6,23,0.45);
	color: var(--footer-muted, #b9d8e5);
}

.dm-breadcrumb-item{
	font-size: 16px;
	color: var(--footer-muted, #b9d8e5);
	letter-spacing: 1px;
}

.dm-breadcrumb-item a{
	color: var(--footer-accent, #45b8e2);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.18s ease;
}

.dm-breadcrumb-item a:hover{
	color: #ffffff;
}

.dm-breadcrumb-item.active{
	color: var(--footer-text, #eaf6fb);
	font-weight: 500;
	padding: 0;
}

/* Separator */
.dm-breadcrumb-item + .dm-breadcrumb-item:before{
	content: "/";
	padding:  0 8px;
	color: rgb(255 255 255);
	font-weight: 600;
	float: none;
}

/* Responsive */
@media (max-width: 767px){
	.dm-breadcrumb-wrapper{
		padding: 60px 0 60px;
	}
	/* Stack columns and center content on small screens */
	.dm-breadcrumb-wrapper .row{
		flex-direction: column;
		gap: 10px;
		align-items: center;
	}
	.dm-breadcrumb{
		justify-content: center;
		width: 100%;
	}
	.dm-breadcrumb-title{
		font-size: 25px;
		text-align: center;
		margin-bottom: 8px;
	}
	.dm-breadcrumb-list{
		padding: 8px 10px;
		justify-content: center;
	}
	/* Ensure responsive utility class centers on small screens */
	.dm-breadcrumb-wrapper .text-md-end{ 
		text-align: center !important; 
	}
}