.step-counter {
	font-family: "Baloo", Sans-serif;
	--upGap: 15px;
	--activeColor: rgb(214, 0, 114);
	--inActiveColor: rgb(128, 129, 130);
	display: inline-flex;
	align-items: baseline;
	margin-top: var(--upGap);
}

.numerator {
	color: var(--activeColor);
	font-size: 40px;
	line-height: 1;
	position: relative;
	top: calc(-1 * var(--upGap));
}

.separator {
	width: 3px;
	height: 26px;
	border-radius: 8px;
	background-color: var(--inActiveColor);
	margin-inline: 5px;
	transform: rotate(25deg);
}

.denominator {
	color: var(--inActiveColor);
	font-size: 29px;
	position: relative;
	top: 6px;
	left: -2px;
}


.tool-quiz {
	.rhd-row {
		@media screen and (max-width: 960px) {
			padding-top: 48px;
		}

		@media screen and (max-width: 567px) {
			padding-inline: 20px;
		}
	}

	.quiz-number {
		width: initial;
	}

	.quiz-steps {
		>span {
			@media screen and (max-width: 1024px) {
				width: calc(14.28% - 12px);
			}

			@media screen and (max-width: 960px) {
				width: calc(14.28% - 6px);
			}
		}
	}

}

.tool-result {

	.bottom {
		.rhd-row {

			@media screen and (max-width: 567px) {
				padding-inline: 16px;
			}
		}
	}
}

/* // Thank you Button */
.tool-thank-you .bottom .btn {
	padding-right: 91px;

	@media screen and (max-width: 960px) {
		padding-right: 71px;
	}

	@media screen and (max-width: 567px) {
		padding-left: 24px;
	}
}

.tool-prefer-treatment {
	@media screen and (max-width: 960px) {
		position: relative;

		.tool-btn-back {
			z-index: 1;
		}

		.tool-title {
			position: relative;
			z-index: 1;
		}

		&:after {

			content: '';
			position: absolute;
			inset: 0;
			background: rgba(255, 255, 255, 0.78);
			pointer-events: none;

		}
	}
}

.get-started {
	&:after {
		display: none;
	}
}

/* ======================================
 * WE 071825 
 ======================================== */

/* -------------------------------------------------
* OverNight/3 days changed from image to CSS 
------------------------------------------------*/
.cs-icon-txt-wrapper {
	background-color: var(--e-global-color-primary);
	padding: 20px 32px 17px;
	display: inline-block;
	text-align: center;
	border-radius: 50px;
	margin-bottom: 40px;

	@media screen and (max-width: 767px) {
		margin-bottom: 32px;
	}

	.icon {
		img {
			width: initial !important;
			margin-bottom: 6px !important;
			margin-inline: auto !important;
			height: 32px;
		}
	}

	.txt {
		font-size: 16px;
		font-weight: 400;
		color: #fff;
	}
}

/* -------------------------------------------------
* Two product on same cat color bg changed
------------------------------------------------*/
.tool-treatment {
	.has-multiple-pro {
		display: block;
		background-color: transparent;

		.multi-prod-rows {
			display: flex;
			flex-wrap: wrap;
		}

		.cs-macrogol-for-children {
			background-color: #dbf2f9;
		}

		.cs-infant-drops {

			background-color: #fffae5;
		}

	}
}


/* ======================================
 * WE 072225 
 ======================================== */
/* ------------------------------------------------------------------
* Thank you tab (Only for current image to adjust its layout
----------------------------------------------------------------------- */
.tool-thank-you {
	.bottom {
		.background {
			img {
				@media screen and (min-width: 961px) {
					width: 58%;
				}
			}
		}

		.content {
			@media screen and (max-width: 960px) {
				top: -24px;
				margin-bottom: 0;
			}
		}
	}
}

/* ------------------------------------------------------------------
* Tools Result (Only for current image to adjust its layout
----------------------------------------------------------------------- */
@media screen and (min-width: 961px) {
	.tool-result .bottom .background img {
		object-position: 450px bottom;
	}

	.tool-result .constipation .background img {
		object-position: -250px bottom;
	}
}

@media screen and (max-width: 960px) {
	.tool-result .bottom .content {
		top: -40px;
		margin-bottom: 0;
	}
}

/* -------------------- 081125 ----------------------- */
@media screen and (min-width: 1200px) {
	.tool-treatment .bottom .cs-macrogol-for-children .product img,
	.tool-treatment .adult .bottom .product .p img {
		max-width: 450px !important;
	}
}

/* -------------------- 102725 ----------------------- */
.tool-treatment .bottom .product .p img {
    display: block;
	width: auto;
    max-width: 320px;
    margin: 120px auto;
}