.circle-progress-value {
	stroke-width: 6px;
	stroke: #BFE35C;
}
.circle-progress-circle {
	stroke-width: 6px;
	stroke: #BFE35C;
}
.circle-progress-text {
	fill: #BFE35C;
}
circle-progress .value{
    stroke-width: 4px;
    fill: #BFE35C;
    stroke: #BFE35C;
}

.error {
	color: red;
}


.rich-text h1 {
	font-size: 2.25rem; /* Equivalent to Tailwind's text-3xl */
	font-weight: bold;
	margin: 1rem 0;
}

.rich-text h2 {
	font-size: 1.875rem; /* text-2xl */
	font-weight: bold;
	margin: 0.75rem 0;
}

.rich-text h3 {
	font-size: 1.5rem; /* text-xl */
	font-weight: bold;
	margin: 0.75rem 0;
}

.rich-text h4 {
	font-size: 1.25rem; /* text-lg */
	font-weight: bold;
	margin: 0.5rem 0;
}

.rich-text p {
	margin: 0.5rem 0;
	line-height: 1.6;
}

.rich-text ul {
	padding-left: 1.25rem;
	list-style-type: disc;
	margin: 0.5rem 0;
}

.rich-text ol {
	padding-left: 1.25rem;
	list-style-type: decimal;
	margin: 0.5rem 0;
}

.rich-text li {
	margin-bottom: 0.25rem;
}

.rich-text a {
	color: #2563eb; /* Tailwind blue-600 */
	text-decoration: underline;
}

.rich-text a:hover {
	color: #1d4ed8; /* Tailwind blue-700 */
}

.rich-text img {
	max-width: 100%;
	height: auto;
	margin: 1rem 0;
}

.rich-text table {
	width: 100%;
	border-collapse: collapse;
	margin: 1rem 0;
}

.rich-text th,
.rich-text td {
	border: 1px solid #ccc;
	padding: 0.5rem;
	text-align: left;
}

.rich-text strong {
	font-weight: bold;
}

.rich-text em {
	font-style: italic;
}

.rich-text blockquote {
	border-left: 4px solid #ccc;
	padding-left: 1rem;
	color: #555;
	margin: 1rem 0;
	font-style: italic;
}