h1,
h2,
h3,
h4,
h5,
h6 {
	margin: var(--spacing-md) 0;
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-lg);
	text-transform: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin: var(--spacing-md) 0;
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-lg);
	text-transform: none;
}

h1 {
	font-size: var(--font-size-xxl);
}

.h1 {
	font-size: var(--font-size-xxl);
}

h2 {
	font-size: var(--font-size-xl);
}

.h2 {
	font-size: var(--font-size-xl);
}

h3 {
	font-size: var(--font-size-lg);
}

.h3 {
	font-size: var(--font-size-lg);
}

h3.small {
	font-size: var(--font-size-gt-md);
}

.h3.small {
	font-size: var(--font-size-gt-md);
}

h4 {
	font-size: var(--font-size-md);
}

.h4 {
	font-size: var(--font-size-md);
}

h5 {
	font-size: var(--font-size-sm);
}

.h5 {
	font-size: var(--font-size-sm);
}

h6 {
	font-size: var(--font-size-xs);
}

.h6 {
	font-size: var(--font-size-xs);
}

.p {
	font-size: var(--font-size-md);
}

p {
	margin: var(--spacing-md) 0;
	line-height: var(--line-height-lg);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-md);
	text-transform: none;
}

p.small {
	margin: var(--spacing-md) 0;
	line-height: var(--line-height-lg);
	font-size: var(--font-size-sm);
	text-transform: none;
}

p.md-primary {
	color: var(--primary-color);
}

.span {
	font-size: var(--font-size-sm);
}

span:not(.sce-font span) {
	/* margin: var(--spacing-sm) 0; */
	line-height: var(--line-height-sm);
	font-size: var(--font-size-sm);
	text-transform: none;
	font-weight: var(--font-weight-medium);
}

span:not(.sce-font span).xsmall {
	margin: var(--spacing-xs) 0;
	line-height: var(--line-height-xs);
	font-size: var(--font-size-xs);
	text-transform: none;
}

span.small {
	margin: var(--spacing-xs) 0;
	line-height: var(--line-height-xs);
	font-size: var(--font-size-xs);
	text-transform: none;
}

span.xsmall {
	margin: var(--spacing-xxs) 0;
	line-height: var(--line-height-xxs);
	font-size: var(--font-size-xxs);
	text-transform: none;
}

a {
	color: var(--primary-color);
	margin: var(--spacing-sm) 0;
	line-height: var(--line-height-sm);
	font-size: var(--font-size-sm);
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

a.underlined-primary {
	color: var(--primary-color);
	margin: var(--spacing-sm) 0 0 0;
	line-height: var(--line-height-sm);
	font-size: var(--font-size-sm);
	text-decoration: underline;
	cursor: pointer;
}

a.underlined-primary:hover {
	color: #03a9b0;
	text-decoration: underline;
}

a.underlined-primary-no-margin {
	color: var(--primary-color);
	line-height: var(--line-height-sm);
	font-size: var(--font-size-sm);
	text-decoration: underline;
	cursor: pointer;
}

a.underlined-primary-no-margin:hover {
	color: #03a9b0;
	text-decoration: underline;
}

/* Utility Classes */
.text-center {
	text-align: center;
}

.text-muted {
	color: var(--color-muted);
}

b,
strong {
	margin: var(--spacing-md) 0;
	font-weight: var(--font-weight-bold);
	font-size: inherit;
	text-transform: none;
}

/* Responsive Typography */
@media (max-width: 768px) {
	h1 {
		font-size: calc(var(--font-size-lg) + 2px);
	}

	h2 {
		font-size: calc(var(--font-size-md) + 2px);
	}

	h3.small {
		font-size: var(--font-size-xs);
	}

	h3 {
		font-size: calc(var(--font-size-sm)+2);
	}

	h4 {
		font-size: var(--font-size-sm);
	}

	h5,
	h6 {
		font-size: var(--font-size-xs);
	}

	p {
		font-size: var(--font-size-sm);
	}

	.h1 {
		font-size: calc(var(--font-size-lg) + 2px);
	}

	.h2 {
		font-size: calc(var(--font-size-md) + 2px);
	}

	.h3.small {
		font-size: var(--font-size-xs);
	}

	.h3 {
		font-size: calc(var(--font-size-sm)+2);
	}

	.h4 {
		font-size: var(--font-size-sm);
	}

	.h5,
	.h6 {
		font-size: var(--font-size-xs);
	}

	.p {
		font-size: var(--font-size-sm);
	}

	a {
		font-size: var(--font-size-xs);
	}

	.a {
		font-size: var(--font-size-xs);
	}

	a.underlined-primary {
		font-size: var(--font-size-xs);
	}

	.a.underlined-primary {
		font-size: var(--font-size-xs);
	}

	b,
	strong {
		font-size: var(--font-size-sm);
	}

	.span {
		font-size: var(--font-size-sm);
	}

	span {
		font-size: var(--font-size-sm);
	}

	span.small {
		font-size: var(--font-size-xs);
	}

	span.xsmall {
		font-size: var(--font-size-xxs);
	}
}

label {
	display: inline-block;
	/* Ensures proper spacing */
	font-size: var(--font-size-lg);
	/* Adjust to your design */
	font-weight: var(--font-weight-medium);
	margin-bottom: var(--spacing-xs);
	/* Adds spacing between label and input */
	color: #333333 !important;
}

label.medium {
	display: inline-block;
	/* Ensures proper spacing */
	font-size: var(--font-size-md);
	/* Adjust to your design */
	font-weight: var(--font-weight-medium);
	margin-bottom: var(--spacing-xs);
	/* Adds spacing between label and input */
	color: #333333 !important;
}

label.small {
	display: inline-block;
	/* Ensures proper spacing */
	font-size: var(--font-size-sm);
	/* Adjust to your design */
	font-weight: var(--font-weight-medium);
	margin-bottom: var(--spacing-xs);
	/* Adds spacing between label and input */
	color: #333333 !important;
}

label.required::after {
	content: " *";
	color: var(--warn-color);
	/* Use a color like red */
}

label.disabled,
input:disabled+label {
	color: var(--color-muted);
	/* Lighter color to indicate it's disabled */
	cursor: not-allowed;
}

.label-with-icon {
	display: flex;
	align-items: center;
}

.label-with-icon svg {
	margin-left: var(--spacing-xs);
	/* Space between text and icon */
	fill: var(--primary-color);
	width: 1em;
	/* Adjust size */
	height: 1em;
}

@media (max-width: 768px) {
	label {
		font-size: var(--font-size-md);
		/* Smaller font size on mobile */
	}
}

.label-left {
	text-align: left;
}

.label-right {
	text-align: right;
}

.label-top {
	display: block;
	margin-bottom: var(--spacing-xs);
}

a {
	color: var(--primary-color);
}

a:hover,
a:active {
	color: var(--primary-color);
	text-decoration: none;
}

a.bn-a-color-333 {
	color: #333333;
}

a.bn-a-color-333:hover,
a.bn-a-color-333:active {
	color: var(--primary-color);
	text-decoration: none;
}

.bn-line-height-12 {
	line-height: var(--line-height-xs);
}

.bn-font-weight-md {
	font-weight: var(--font-weight-medium) !important;
}

.bn-font-weight-lg {
	font-weight: var(--font-weight-bold) !important;
}

.bn-font-size-42 {
	font-size: 42px;
}

.bn-line-height-0 {
	line-height: 0px;
}

.bn-line-height-12 {
	line-height: 12px !important;
}

.bn-line-height-14 {
	line-height: 14px;
}

.bn-font-size-14 {
	font-size: 14px !important;
}

.bn-font-size-16 {
	font-size: 16px !important;
}

.bn-font-size-18 {
	font-size: 18px !important;
}

.bn-font-size-30 {
	font-size: 30px !important;
}

.bn-font-size-25 {
	font-size: 25px !important;
}

.bn-line-height-32 {
	line-height: 32px;
}

.bn-font-size-35 {
	font-size: 35px;
}

.bn-font-size-53 {
	font-size: 53px;
}

.bn-bold-400 {
	font-weight: 400;
}

.bn-font-size-40 {
	font-size: 40px;
}

.bn-text-nowrap {
	text-wrap: nowrap;
}