.h6-heading {
	font-size: 1.25rem;
	font-weight: bold;
}

.text-muted {
	color: #6B7280;
	font-size:0.750rem;
}





.badge-yellowwhite {
	background-color: #ffc107;
	color: #000;
	font-size: 10px;
	font-weight: 600;
	border-radius: 9999px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}



.badge-level {
	background-color: #17a2b8;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	border-radius: 9999px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}



.badge-redwhite {
	background-color: #ff0000;
	color: #ffffff;
	font-size: 10px;
	font-weight: 600;
	border-radius: 9999px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.badge-bluewhite {
	background-color: #1C64F2;
	color: #ffffff;
	font-size: 10px;
	font-weight: 600;
	border-radius: 9999px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.badge-greenwhite {
	background-color: #28a745;
	color: #ffffff;
	font-size: 10px;
	font-weight: 600;
	border-radius: 9999px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.badge-outline {
	font-weight: 600;
	font-size: 0.75rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	border-width: 2px;
	border-radius: 0.5rem;
	border-color: #38a169;
	font-style: italic;
}

	
@layer components {
	.custom_container {
    @apply container mx-auto px-[18px] lg:px-[86px];
	}
}





.normal-width-popup {
	width: 70% !important;
	margin-top: 0px !important;
}