/* Consultation Banner */

.prescription-flow-banner {
	position: relative;
	background: 
	/* linear-gradient( */
			/* 90deg,
			#003c52 0%,
			rgba(0, 60, 82, 0.9) 38.08%,
			rgba(0, 60, 82, 0) 100%
		), */ url("../images/for-employers/certificate-validity/bg-banner.svg")
		no-repeat center center;
	background-size: cover;
	min-height: 277px;
	display: flex;
	align-items: center;
}
.prescription-flow-banner .banner-title {
	letter-spacing: -1.44px;
}

.prescription-flow-banner .banner-subtitle {
	font-size: 16px;
	margin: 0;
	opacity: 0.9;
}
@media (min-width: 1199px) and (max-width: 1399px) {
	.prescription-flow-banner .banner-title {
		font-size: var(--f-s-60);
	}
}

@media (min-width: 280px) and (max-width: 575px) {
	.prescription-flow-banner {
		min-height: 182px;
	}

	.prescription-flow-banner .banner-title {
		font-size: var(--f-s-38);
		line-height: var(--f-s-44);
		letter-spacing: -0.76px;
	}

	.prescription-flow-banner .banner-subtitle {
		font-size: var(--f-s-16);
		line-height: var(--f-s-24);
		font-weight: var(--fontRegular);
		width: 99%;
	}
	/* .prescription-flow-banner {
		background: url("../images/for-employers/certificate-validity/banner-mob.svg")
			no-repeat center center;
	} */
}

/* Prescription Flow Form Box Stepper */
.prescription-flow-form-box .nav-pills {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
	flex-wrap: nowrap;
	overflow: auto;
}

.prescription-flow-form-box .nav-item {
	position: relative;
	padding: 30px 0;
	min-width: 140px;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

/* .nav-item:first-child {
	max-width: 200px;
	min-width: 200px;
} */

.prescription-flow-form-box .nav-item .icon-logo::after {
	content: "";
	background-color: var(--color-gray-300);
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translate(-50%, -50%);

	width: 50%;
	height: 2px;
	z-index: 1;
}

.prescription-flow-form-box .nav-item.active-li .icon-logo::after,
.prescription-flow-form-box .nav-item.completed .icon-logo::after {
	background-color: var(--color-primary-pink);
}

.prescription-flow-form-box .nav-item:last-child .icon-logo::after {
	display: none;
}

/* .nav-item:nth-child(1)::after{
	left: 60%;
	transform: translate(-50%, -50%);
	width: 80%;
} */

.prescription-flow-form-box .nav-item .nav-link {
	text-align: center;
	justify-content: center;
	display: flex;
	align-items: center;
	flex-direction: column;

	padding: 0;
	z-index: 2;
	/* border: 5px solid #ffffff; */
	border-radius: 50%;
	width: 100%;
}

.prescription-flow-form-box .nav-item .btn-text {
	min-width: 160px;
	width: 100%;
	color: #98a2b3;
	text-align: center;
	font-family: var(--fontJakarta);
	font-size: var(--f-s-16);
	font-style: normal;
	font-weight: var(--fontNormal);
	line-height: 20px;
}

.prescription-flow-form-box .nav-item:nth-child(even) .btn-text {
	position: absolute;
	top: 0;
	/* left: 50%;
	transform: translateX(-50%); */
}

.prescription-flow-form-box .nav-item:nth-child(odd) .btn-text {
	position: absolute;
	bottom: 0;
	/* left: 50%;
	transform: translateX(-50%); */
}

.prescription-flow-form-box .nav-item:nth-child(1) .icon-logo {
	background: url(../images/icons/prescription-flow/icon-01.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.prescription-flow-form-box .nav-item:nth-child(2) .icon-logo {
	background: url(../images/icons/prescription-flow/icon-02.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.prescription-flow-form-box .nav-item:nth-child(2).active-li .icon-logo {
	background: url(../images/icons/prescription-flow/icon-active-02.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.prescription-flow-form-box .nav-item:nth-child(3) .icon-logo {
	background: url(../images/icons/prescription-flow/icon-03.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.prescription-flow-form-box .nav-item:nth-child(3).active-li .icon-logo {
	background: url(../images/icons/prescription-flow/icon-active-03.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.prescription-flow-form-box .nav-item:nth-child(4) .icon-logo {
	background: url(../images/icons/prescription-flow/icon-04.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.prescription-flow-form-box .nav-item:nth-child(4).active-li .icon-logo {
	background: url(../images/icons/prescription-flow/icon-active-04.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.prescription-flow-form-box .nav-item:nth-child(5) .icon-logo {
	background: url(../images/icons/prescription-flow/icon-05.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.prescription-flow-form-box .nav-item:nth-child(6) .icon-logo {
	background: url(../images/icons/prescription-flow/icon-06.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.prescription-flow-form-box .nav-item:nth-child(7) .icon-logo {
	background: url(../images/icons/prescription-flow/icon-07.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.prescription-flow-form-box .nav-item:nth-child(8) .icon-logo {
	background: url(../images/icons/prescription-flow/icon-08.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.prescription-flow-form-box .nav-item.completed .icon-logo {
	background: url(../images/icons/prescription-flow/completed-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--color-primary-pink);
}
.prescription-flow-form-box .icon-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;

	height: 40px;
	background-color: white;

	border-radius: 50%;
	border: 2px solid #e5e7eb;
}

.prescription-flow-form-box .nav-pills .nav-link.active,
.prescription-flow-form-box .nav-pills .nav-link.completed {
	background-color: unset;
}

.prescription-flow-form-box .nav-pills .nav-link.active .btn-text,
.prescription-flow-form-box .nav-pills .nav-item.completed .btn-text {
	color: var(--color-primary-pink);
	font-weight: var(--fontSemiBold);
}

.prescription-flow-form-box .nav-pills .nav-link.active .icon-logo,
.prescription-flow-form-box .nav-pills .nav-item.completed .icon-logo {
	border-color: var(--color-primary-pink);
}

.prescription-flow-form-box .nav-pills .nav-link.active .icon-logo i,
.prescription-flow-form-box .nav-pills .nav-link.completed .icon-logo i {
	color: var(--color-primary-pink);
}

.prescription-flow-form-box .btn {
	width: 100%;
}

.prescription-flow-form-box .tab-content .card-title {
	font-size: 32px;
	font-weight: var(--fontSemiBold);
	line-height: normal;
	letter-spacing: -0.48px;
	margin-block: 60px;
	font-family: var(--fontJakarta);
	color: var(--color-secondary-gray);
}

@media (max-width: 1199px) {
	.prescription-flow-form-box .nav-pills {
		justify-content: flex-start;

		padding: 0 20px 8px 20px;
	}

	.prescription-flow-form-box .nav-pills::-webkit-scrollbar {
		height: 5px;
		margin-top: 5px;
	}
	
	.prescription-flow-form-box .nav-pills::-webkit-scrollbar-thumb {
		background-color: var(--color-secondary-gray-10);
		border-radius: 10px;
	}
	
	.prescription-flow-form-box .nav-pills::-webkit-scrollbar-track {
		background-color: var(--scrollbar-track-color); /* Customize track color */
	}


	.prescription-flow-form-box .nav-item {
		min-width: 140px;
	}

	.prescription-flow-form-box .nav-item .btn-text {
		min-width: 140px;
		font-size: 12px;
	}

	/* .nav-item:first-child {
		padding-left: 30px;
	}

	.nav-item:last-child {
		padding-right: 30px;
	} */
}
/* Prescription Flow Form Box Stepper End */

/* Form-Box */
.prescription-flow-form-box {
	background: var(--color-secondary-gray-5);
	padding-block: 64px;
}
.prescription-flow-form-box .border-center {
	border-right: 1px solid var(--color-gray-300);
}
.prescription-flow-form-box .form-main-bx {
	display: flex;
	padding: 48px 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	border-radius: 16px;
	border: 1px solid var(--color-secondary-gray-10);
	background: #fff;
	box-shadow: 0px 42px 12px 0px rgba(0, 0, 0, 0),
		0px 27px 11px 0px rgba(0, 0, 0, 0), 0px 15px 9px 0px rgba(0, 0, 0, 0.02),
		0px 7px 7px 0px rgba(0, 0, 0, 0.03), 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
	margin-bottom: 60px;
}
.prescription-flow-form-box .form-main-bx .card-title {
	color: var(--color-secondary-gray);

	font-family: var(--fontJakarta);
	font-size: var(--f-s-20);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.4px;
	margin-bottom: 32px;
}
.prescription-flow-form-box .control-btn-bx {
	gap: 24px;
}

.prescription-flow-form-box .control-btn-bx .standard-btn-pink#next {
/*	max-width: 383px;*/
	width: 430px;
	padding: 2px 2px 2px 2px;
	box-sizing: border-box;
	position: relative;
	justify-content: flex-end;
}
.prescription-flow-form-box .control-btn-bx .standard-btn-blue#prev {
	max-width: 383px;
	width: 383px;
	padding: 2px 2px 2px 2px;
	flex-direction: row-reverse;
	box-sizing: border-box;
	position: relative;
	justify-content: flex-end;
}
.prescription-flow-form-box .control-btn-bx .standard-btn-blue#prev .btn-title,
.prescription-flow-form-box .control-btn-bx .standard-btn-pink#next .btn-title {
	position: absolute;
/*	width: fit-content;*/
	width: inherit;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--color-white);
	text-align: center;
	font-family: var(--fontInter);
	font-size: var(--f-s-14);
	font-style: normal;
	font-weight: var(--fontSemiBold);
	line-height: var(--f-s-20);
}

.prescription-flow-form-box .control-btn-bx .standard-btn-pink#next:hover .btn-title {
	color: var(--color-primary-pink);
}

.prescription-flow-form-box .control-btn-bx .standard-btn-blue#prev:hover .btn-title {
	color: var(--color-secondary-gray);
}
.prescription-flow-form-box .control-btn-bx .standard-btn-blue#prev img, .prescription-flow-form-box .control-btn-bx .standard-btn-pink#next img {
	width: auto;
}
/* RIGHT BOX */

/* 2 tab Box */
.prescription-flow-form-box .tab-02 .standard-input-field-without-label input{
padding:16px 54px 16px 16px;
}
/* 3 tab Box one */
.prescription-flow-form-box .tab-03 .inner-bx .box-one {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	border-radius: 16px;
	border: 1px solid var(--color-secondary-gray-10);
}

.prescription-flow-form-box
	.tab-03
	.inner-bx
	.box-one
	.note-section
	.note-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.prescription-flow-form-box
	.tab-03
	.inner-bx
	.box-one
	.note-section
	.note-list
	li {
	color: var(--color-primary-pink);
	position: relative;
	padding-left: 12px;
	margin-bottom: 4px;
}

.prescription-flow-form-box
	.tab-03
	.inner-bx
	.box-one
	.note-section
	.note-list
	li:last-child {
	margin-bottom: 0;
}

.prescription-flow-form-box
	.tab-03
	.inner-bx
	.box-one
	.note-section
	.note-list
	li:before {
	content: "•";
	color: var(--color-primary-pink);
	position: absolute;
	left: 0;
}
.prescription-flow-form-box
	.tab-03
	.inner-bx
	.form-bx
	.standard-btn-pink-outline {
	padding: 14px 24px;
}

.prescription-flow-form-box .tab-03 .inner-bx .inner-heading {
	color: var(--color-secondary-gray);
	font-family: var(--fontJakarta);
	font-size: var(--f-s-19);
	font-style: normal;
	font-weight: var(--fontSemiBold);
	line-height: normal;
	letter-spacing: -0.396px;
}

@media (min-width: 280px) and (max-width: 575px) {
	.prescription-flow-form-box .right-inner-bx {
		margin-left: 0;
	}
	.prescription-flow-form-box .border-center {
		border-bottom: 1px solid var(--color-gray-300);
		border-right: none;
	}
	.prescription-flow-form-box .left-inner-bx {
		padding-inline: 0;
		width: 100%;
	}
	.prescription-flow-form-box .form-main-bx {
		padding: 24px;
	}
	.prescription-flow-form-box .control-btn-bx .standard-btn-pink,
	.prescription-flow-form-box .control-btn-bx .standard-btn-blue {
		width: 100% !important;
	}
	.prescription-flow-form-box .control-btn-bx .standard-btn-pink img {
		width: auto;
	}
	.prescription-flow-form-box .control-btn-bx .standard-btn-blue#prev {
		padding: 2px 2px 2px 2px;
	}
	.prescription-flow-form-box .control-btn-bx .standard-btn-pink#next {
		padding: 2px 2px 2px 2px;
	}
	.prescription-flow-form-box .nav-pills {
		padding: 0px;
	}
	.prescription-flow-form-box .nav-item {
		min-width: 110px;
	}
}
@media (min-width: 1199px) and (max-width: 1399px) {
	.prescription-flow-form-box .nav-item {
		min-width: 136px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	#pills-2 .standard-input-field.standard-select2{
	width: 93.5%;
}
}
@media (min-width: 768px) and (max-width: 911px) {
	#pills-2 .standard-input-field.standard-select2{
	width: 90.5%;
}
}
@media (min-width: 280px) and (max-width: 767px) 
{
		#pills-2 .standard-input-field.standard-select2
		{
			width: 80.5%;
		}
		.select2-container--default .select2-results__option .select2-results__option {
			color: #ffffff;
			margin: 5px 0px;
			border-radius: 9px;
			display: block;
		}
}