.hr-project-card {
	margin: -2rem -2rem;
	background-color: var(--hr-main-header-color);
	border-radius: 2rem;
	padding: 2rem;
	position: relative;
	margin-bottom: 1rem;
}
.hr-project-card h1{
	color: var(--demo-white);
}
.hr-project-card-holder{
	display: flex;
	flex-direction: row;
	gap: 2rem;
}
.hr-project-card .tabs-holder{
	position: absolute;
	left: 12rem;
	bottom: 0;
	display: flex;
	flex-direction: row;
	gap: 3px;
}
.hr-project-card .btn-secondary{
	color: var(--demo-white);
	--bs-btn-bg: var(--hr-main-header-color);
	--bs-btn-border-color: var(--hr-main-header-color);
	opacity: 1.0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	border-bottom-color: var(--hr-main-header-color);
	font-weight: 700;
	--bs-btn-hover-color: var(--hr-main-header-hover-color);
	--bs-btn-hover-bg: var(--hr-main-header-hover-color);
	--bs-btn-hover-border-color: var(--hr-main-header-hover-color);
    --bs-btn-active-color: var(--demo-white);
    --bs-btn-active-bg: var(--hr-main-header-hover-color);
    --bs-btn-active-border-color: var(--hr-main-header-hover-color);
}
.hr-project-card .btn-secondary:disabled{
	color: var(--hr-main-header-color);
	pointer-events: none;
	background-color: var(--hr-light-gray-bg);
	border-color: var(--hr-main-header-color);
	opacity: 1.0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	border-bottom-color: var(--hr-light-gray-bg);
	font-weight: 700;
}