/* Custom Color Palette to match the image exactly */
:root {
	--uc-white: #fff;
	--uc-teal: #00b094;
	--uc-blue-01: #0076b9;
	--uc-purple: #af1685;
	--uc-light-purple: #dedfff;
	--uc-bg-light: #f0f4f8;
	--uc-text-dark: #333333;
	--uc-green-01: #00b48d;
	--uc-green-02: #68aa42;
}

.uc-white-text {
	color: var(--uc-white);
}

.uc-dark-text {
	color: var(--uc-text-dark);
}

.uc-teal-text {
	color: var(--uc-teal);
}

.uc-blue-text {
	color: var(--uc-blue-01);
}

.uc-purple-text {
	color: var(--uc-purple);
}

.uc-green-text {
	color: var(--uc-green-01);
}

.body-text {
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: -0.5px;
}

.body-text-sm {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.5px;
}

.head-text-md {
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: -0.5px;
}

.enrollment-container {
	/* background-color: var(--uc-bg-light);
		max-width: 900px; 
		margin: 2rem auto; */
	padding: 0 40px;
	border-radius: 4px;
	overflow: hidden;
}

.enrollment-container .enrollment-contentwrap {
	margin: 0px -20px;
	background-color: var(--uc-bg-light);
}

.enrollment-stepContent {
	padding: 10px 40px;
}

/* Header banner styling */
.banner-header {
	background: linear-gradient(to right, #0076b9 90%, #0076b9 94%, #f7dc4f 10%, #f7dc4f 98%, #0076b9 65%, #0076b9 99%, #f7dc4f 75%);
	color: white;
	padding: 1rem;
}

.banner-header .desc {
	font-size: 1rem !important;
	letter-spacing: -0.5px;
	color: #fff !important;
	margin-bottom: 0 !important;
}

.body-container.main #fayuvi-form,
.body-container.main #genglycos-form {
	background-color: var(--uc-white);
	background-image: none !important;
	padding: 40px 0;
	border-radius: 10px;
}

/* Number badge styling */
.step-badge {
	background-color: var(--uc-purple);
	color: var(--uc-white);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	flex-shrink: 0;
	font-size: 12px;
	padding: 3px 8px;
	flex: 0 0 37px;
}

.step-content .step-list {
	padding-left: 0 !important;
}

.body-container.main.ux111 .step-content .step-list li,
.body-container.main.dtx401 .step-content .step-list li {
	font-size: 14px !important;
	font-weight: 600;
	letter-spacing: -0.5px;
}

.body-container.main.ux111 .step-content .step-list li:before,
.body-container.main.dtx401 .step-content .step-list li:before {
	height: 5px;
	width: 5px;
	flex: 0 0 5px;

}



.body-container.main.ux111 .no-bullet .step-content .step-list li:first-of-type::before{
		content:none !important;
}

.body-container.main.ux111 ul li:not(.nav-item),
.body-container.main.dtx401 ul li:not(.nav-item) {
	display: flex;
	align-items: start;
	gap: 15px;
	line-height: 1;
	margin-bottom: 5px;
}

.body-container.main.ux111 .step-content .step-list li.list-label::before,
.body-container.main.dtx401 .step-content .step-list li.list-label::before {
	content: none;
}

.body-container.main.ux111 ul li:not(.nav-item):before,
.body-container.main.dtx401 ul li:not(.nav-item):before {
	content: "" !important;
	font-size: 30px;
	position: static;
	line-height: 1;
	height: 8px;
	width: 8px;
	flex: 0 0 8px;
	background-color: #af1685;
	border-radius: 50%;
	margin-top: 4px;
}

.body-container.main.dtx401 ul li:not(.nav-item):before {
	background-color: #68aa42;
}

.body-container.main.dtx401-patient-consent-form .step-content .step-list li {
	font-size: 14px !important;
	font-weight: 600;
	letter-spacing: -0.5px;

	display: flex;
	align-items: start;
	gap: 15px;
	line-height: 1;
	margin-bottom: 5px;
}

.body-container.main.dtx401-patient-consent-form ul li:not(.nav-item):before {
	content: "";
	font-size: 30px;
	position: static;
	line-height: 1;
	height: 8px;
	width: 8px;
	flex: 0 0 8px;
	background-color: #af1685;
	border-radius: 50%;
	margin-top: 4px;
}

.body-container.main.dtx401-patient-consent-form .step-content .step-list li:before {
	height: 5px;
	width: 5px;
	flex: 0 0 5px;
}

/* Custom list spacing */
.step-list { list-style-type: disc; 
	padding-left: 1.2rem;
} 
.step-list li { margin-bottom: 0.4rem;
	color: var(--uc-text-dark); 
}

.step-sublist {
	list-style-type: stroke;
	padding-left: 1.2rem;
}

/* ISI override */
#isi ul li:before, #pinned-isi ul li:before {
	margin-top: 8px !important;
}

/* Footer link styling */
.consent-footer-row {
	display: flex;
	gap: 30px;
	text-align: center;

	@media (max-width: 768px) {
		flex-wrap: wrap;
	}
}

@media (min-width: 768px) {
	.consent-footer-col-seperator {
		border-right: 2px solid #c7c8c9;
	}
}

.consent-footer-link {
	/* color: var(--uc-purple);
		text-decoration: underline;
		font-weight: 600; */
	color: var(--uc-white);
	background-color: #af1685;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
}

.consent-footer-link:hover {
	background-color: var(--uc-green-02);
    color: white;
}

.add-btncaregiver {
	color: var(--uc-white);
	background-color: #af1685;
	border: 2px solid #af1685;
	border-radius: 50px;
	padding: 2px 10px;
	display: inline-block;
	text-decoration: none;
	font-weight: 600;
	transition: 0.3s ease;
}

.add-btncaregiver:hover {
    background-color: transparent;
	border: 2px solid #af1685;
    color: #af1685;
}

.add-btncaregiver .add-icon {
	font-size: 16px;
	line-height: 1;
}

.add-caregiver-section.hidden {
	display: none;
}

#genglycos-form .banner-header {
	background: linear-gradient(to right, #00b48d 90%, #00b48d 94%, #0076b9 10%, #0076b9 98%, #00b48d 65%, #00b48d 99%, #0076b9 75%);
	color: white;
	padding: 1rem;
}

#genglycos-form .step-badge {
	background-color: var(--uc-blue-01);
}

#genglycos-form .consent-footer-link {
	background-color: var(--uc-blue-01);
}

#genglycos-form .consent-footer-link:hover {
	background-color: var(--uc-green-02);
	color: white;
}
.no-bullet{
	list-style:none;
}
.no-bullet::before{
	list-style:none;
	content:none !important;
}