/* =========================================================
   PepX Scientific — Homepage
========================================================= */

body.home {
	background: #ffffff;
}

body.home .site-main {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.pepx-home {
	--home-navy: #101824;
	--home-blue: #1764ff;
	--home-muted: #606b7d;
	--home-border: rgba(16, 24, 36, 0.1);
	color: var(--home-navy);
}

.pepx-home *,
.pepx-home *::before,
.pepx-home *::after {
	box-sizing: border-box;
}

.pepx-home svg {
	display: block;
}

/* Homepage width */

.pepx-home .pepx-container {
	width: calc(100% - 96px) !important;
	max-width: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/* =========================================================
   Shared elements
========================================================= */

.pepx-home-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 11px;
	color: var(--home-blue);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
}

.pepx-home-eyebrow::before {
	width: 24px;
	height: 2px;
	background: var(--home-blue);
	content: "";
}

.pepx-home-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	min-height: 42px;
	padding: 0 23px;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.045em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	transition:
		transform 180ms ease,
		background 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.pepx-home-button svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.pepx-home-button--primary {
	background: var(--home-blue);
	color: #ffffff;
	box-shadow: 0 10px 24px rgba(23, 100, 255, 0.2);
}

.pepx-home-button--primary:hover {
	background: #084fe8;
	color: #ffffff;
	transform: translateY(-2px);
}

.pepx-home-button--secondary {
	background: rgba(255, 255, 255, 0.9);
	color: var(--home-navy);
	border-color: rgba(16, 24, 36, 0.16);
}

.pepx-home-button--secondary:hover {
	background: #ffffff;
	color: var(--home-blue);
	border-color: rgba(23, 100, 255, 0.25);
}

/* =========================================================
   Hero
========================================================= */

.pepx-home-hero {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f4f8fe;
}

.pepx-home-hero::before {
	position: absolute;
	z-index: 0;
	inset: 0 0 auto;
	height: 505px;
	background-image: var(--pepx-home-hero-image);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
	content: "";
	pointer-events: none;
}

.pepx-home-hero__inner {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	min-height: 505px;
}

.pepx-home-hero__content {
	position: relative;
	z-index: 4;
	width: 42%;
	max-width: 560px;
	padding: 42px 0 112px;
}

.pepx-home-hero__title {
	margin: 0 0 18px;
	color: var(--home-navy);
	font-family: var(--pepx-font-heading);
	font-size: clamp(57px, 4vw, 76px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 0.9;
	text-transform: uppercase;
}

.pepx-home-hero__title span,
.pepx-home-hero__title strong {
	display: block;
	font: inherit;
}

.pepx-home-hero__title strong {
	color: var(--home-blue);
}

.pepx-home-hero__description {
	max-width: 380px;
	margin: 0 0 22px;
	color: var(--home-muted);
	font-size: 13px;
	line-height: 1.62;
}

.pepx-home-hero__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 11px;
}

/* =========================================================
   Featured carousel
========================================================= */

.pepx-home-feature-card {
	position: absolute;
	z-index: 8;
	right: 4%;
	bottom: 84px;
	width: 260px;
	padding: 10px;
	background: rgba(224, 238, 255, 0.8);
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 16px;
	box-shadow: 0 16px 38px rgba(40, 75, 137, 0.14);
	backdrop-filter: blur(18px);
}

.pepx-home-feature-card__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 18px;
	margin-bottom: 7px;
	padding: 0 2px;
}

.pepx-home-feature-card__toolbar > div:last-child {
	display: flex;
	gap: 5px;
}

.pepx-home-feature-card__toolbar button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	padding: 0;
	background: rgba(255, 255, 255, 0.16);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	cursor: pointer;
}

.pepx-home-feature-card__toolbar button svg {
	width: 11px;
	height: 11px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.pepx-home-feature-card__dots {
	display: flex;
	align-items: center;
	gap: 4px;
}

.pepx-home-feature-card__dots button {
	width: 4px;
	height: 4px;
	padding: 0;
	background: rgba(255, 255, 255, 0.58);
	border: 0;
}

.pepx-home-feature-card__dots button.is-active {
	width: 14px;
	background: #ffffff;
	border-radius: 999px;
}

.pepx-home-feature-card__body {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr);
	align-items: center;
	gap: 11px;
	padding: 12px;
	background: rgba(255, 255, 255, 0.93);
	border-radius: 11px;
}

.pepx-home-mini-vial {
	width: 52px;
	margin: auto;
	filter: drop-shadow(0 9px 9px rgba(36, 56, 95, 0.14));
}

.pepx-home-mini-vial__cap {
	width: 39px;
	height: 18px;
	margin: 0 auto -2px;
	background: linear-gradient(
		90deg,
		#8f99a5,
		#ffffff 28%,
		#7e8997 61%,
		#e4e9ee
	);
	border-radius: 6px 6px 3px 3px;
}

.pepx-home-mini-vial__glass {
	position: relative;
	height: 82px;
	background: linear-gradient(90deg, #dce8f6, #ffffff, #d5e3f3);
	border: 1px solid #cad6e5;
	border-radius: 7px 7px 10px 10px;
}

.pepx-home-mini-vial__label {
	position: absolute;
	top: 24px;
	right: 3px;
	left: 3px;
	padding: 7px 2px;
	background: #ffffff;
	text-align: center;
	transition:
		opacity 150ms ease,
		transform 150ms ease;
}

.pepx-home-mini-vial__label strong,
.pepx-home-mini-vial__label small {
	display: block;
}

.pepx-home-mini-vial__label strong {
	color: var(--home-navy);
	font-family: var(--pepx-font-heading);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.07em;
}

.pepx-home-mini-vial__label strong span {
	color: var(--home-blue);
}

.pepx-home-mini-vial__label small {
	margin-top: 2px;
	color: var(--home-navy);
	font-size: 4px;
	font-weight: 800;
	line-height: 1;
}

.pepx-home-feature-card__copy {
	transition:
		opacity 150ms ease,
		transform 150ms ease;
}

.pepx-home-feature-card.is-changing .pepx-home-feature-card__copy,
.pepx-home-feature-card.is-changing .pepx-home-mini-vial__label {
	opacity: 0;
	transform: translateY(4px);
}

.pepx-home-feature-card__copy h2 {
	margin: 0 0 1px;
	color: var(--home-navy);
	font-family: var(--pepx-font-heading);
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}

.pepx-home-feature-card__copy > strong {
	display: block;
	margin-bottom: 7px;
	color: var(--home-navy);
	font-size: 9px;
}

.pepx-home-feature-card__copy p {
	margin: 0 0 7px;
	color: var(--home-muted);
	font-size: 8px;
	line-height: 1.45;
}

.pepx-home-feature-card__copy a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--home-blue);
	font-size: 7px;
	font-weight: 800;
	letter-spacing: 0.055em;
	text-decoration: none;
	text-transform: uppercase;
}

.pepx-home-feature-card__copy a svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
}

/* =========================================================
   Trust strip
========================================================= */

.pepx-home-benefits {
	position: relative;
	z-index: 12;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: calc(100% - 96px) !important;
	max-width: none !important;
	min-height: 72px;
	margin: -72px auto 0 !important;
	padding: 0;
	background: rgba(255, 255, 255, 0.97);
	border: 0;
	border-top: 1px solid rgba(16, 24, 36, 0.08);
	border-radius: 0;
	box-shadow: none;
	backdrop-filter: blur(12px);
	overflow: hidden;
}

.pepx-home-benefit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 0;
	padding: 14px 20px;
	border-right: 1px solid rgba(16, 24, 36, 0.1);
}

.pepx-home-benefit:last-child {
	border-right: 0;
}

.pepx-home-benefit__icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: var(--home-navy);
}

.pepx-home-benefit__icon svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.45;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.pepx-home-benefit strong,
.pepx-home-benefit span {
	display: block;
}

.pepx-home-benefit strong {
	margin-bottom: 2px;
	color: var(--home-navy);
	font-size: 9px;
	font-weight: 800;
	line-height: 1.1;
	text-transform: uppercase;
}

.pepx-home-benefit span {
	color: var(--home-muted);
	font-size: 8px;
	line-height: 1.2;
}

/* =========================================================
   Products
========================================================= */

.pepx-home-products {
	position: relative;
	padding: 23px 0 19px;
	background: #ffffff;
}

.pepx-home-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 13px;
}

.pepx-home-section-heading .pepx-home-eyebrow {
	margin-bottom: 5px;
}

.pepx-home-section-heading h2 {
	margin: 0;
	color: var(--home-navy);
	font-family: var(--pepx-font-heading);
	font-size: 31px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
}

.pepx-home-section-heading > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 2px;
	color: var(--home-blue);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.055em;
	text-decoration: none;
	text-transform: uppercase;
}

.pepx-home-section-heading > a svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
}

.pepx-home-products__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 15px;
}

.pepx-home-product-card {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 245px;
	flex-direction: column;
	background: linear-gradient(180deg, #fbfcff 0%, #f6f8fc 100%);
	border: 1px solid var(--home-border);
	border-radius: 10px;
	overflow: hidden;
	transition:
		transform 180ms ease,
		box-shadow 180ms ease;
}

.pepx-home-product-card:hover {
	box-shadow: 0 16px 38px rgba(34, 68, 127, 0.11);
	transform: translateY(-3px);
}

.pepx-home-product-card__top {
	position: absolute;
	z-index: 3;
	top: 10px;
	right: 10px;
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pepx-home-product-card__top > span {
	padding: 4px 7px;
	background: #ffffff;
	color: var(--home-blue);
	border: 1px solid rgba(23, 100, 255, 0.18);
	border-radius: 5px;
	font-size: 6px;
	font-weight: 800;
	letter-spacing: 0.055em;
	line-height: 1;
	text-transform: uppercase;
}

.pepx-home-product-card__top button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	padding: 0;
	background: #ffffff;
	color: var(--home-navy);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

.pepx-home-product-card__top button svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
}

.pepx-home-product-card__image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 164px;
	padding: 20px 16px 0;
	text-decoration: none;
}

.pepx-home-product-card__image > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pepx-home-product-vial {
	width: 91px;
	filter: drop-shadow(0 13px 11px rgba(36, 56, 95, 0.14));
}

.pepx-home-product-vial__cap {
	width: 67px;
	height: 29px;
	margin: 0 auto -2px;
	background: linear-gradient(
		90deg,
		#929ca8,
		#ffffff 28%,
		#7f8996 61%,
		#e5eaef
	);
	border-radius: 8px 8px 3px 3px;
}

.pepx-home-product-vial__glass {
	position: relative;
	height: 113px;
	background: linear-gradient(90deg, #dce8f5, #ffffff, #d4e2f2);
	border: 1px solid #c9d5e4;
	border-radius: 9px 9px 14px 14px;
}

.pepx-home-product-vial__label {
	position: absolute;
	top: 33px;
	right: 4px;
	left: 4px;
	padding: 11px 3px;
	background: #ffffff;
	text-align: center;
}

.pepx-home-product-vial__label strong,
.pepx-home-product-vial__label small {
	display: block;
}

.pepx-home-product-vial__label strong {
	color: var(--home-navy);
	font-family: var(--pepx-font-heading);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.07em;
}

.pepx-home-product-vial__label strong span {
	color: var(--home-blue);
}

.pepx-home-product-vial__label small {
	max-height: 18px;
	margin-top: 3px;
	color: var(--home-navy);
	font-size: 5px;
	font-weight: 800;
	line-height: 1.1;
	overflow: hidden;
}

.pepx-home-product-card__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 0 12px 11px;
}

.pepx-home-product-card__content h3 {
	min-height: 25px;
	margin: 0 0 2px;
	color: var(--home-navy);
	font-family: var(--pepx-font-body);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
}

.pepx-home-product-card__content h3 a {
	color: inherit;
	text-decoration: none;
}

.pepx-home-product-card__dose {
	display: block;
	margin-bottom: 7px;
	color: var(--home-muted);
	font-size: 7px;
	line-height: 1;
}

.pepx-home-product-card__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 9px;
	margin-top: auto;
}

.pepx-home-product-card__price {
	color: var(--home-navy);
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.pepx-home-product-card__price ins {
	text-decoration: none;
}

.pepx-home-product-card__cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 30px;
	background: var(--home-blue);
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
}

.pepx-home-product-card__cart svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* =========================================================
   Quality section
========================================================= */

.pepx-home-quality {
	position: relative;
	min-height: 320px;
	padding: 32px 0 0;
	overflow: hidden;
	background:
		linear-gradient(
			90deg,
			rgba(255, 255, 255, 0.99) 0%,
			rgba(255, 255, 255, 0.94) 29%,
			rgba(234, 244, 255, 0.56) 51%,
			rgba(190, 220, 255, 0.26) 100%
		),
		linear-gradient(135deg, #f8fbff 0%, #cfe4ff 100%);
}

.pepx-home-quality::before {
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(
			90deg,
			transparent 0 58px,
			rgba(35, 91, 159, 0.045) 59px 61px
		);
	content: "";
	pointer-events: none;
}

.pepx-home-quality__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 0.75fr 1.25fr;
	align-items: center;
	min-height: 222px;
}

.pepx-home-quality__content {
	max-width: 410px;
}

.pepx-home-quality__content .pepx-home-eyebrow {
	margin-bottom: 8px;
}

.pepx-home-quality__content h2 {
	margin: 0 0 10px;
	color: var(--home-navy);
	font-family: var(--pepx-font-heading);
	font-size: 43px;
	font-weight: 400;
	line-height: 0.92;
	text-transform: uppercase;
}

.pepx-home-quality__content h2 span {
	display: block;
	color: var(--home-blue);
}

.pepx-home-quality__content p {
	max-width: 370px;
	margin: 0 0 17px;
	color: var(--home-muted);
	font-size: 10px;
	line-height: 1.6;
}

.pepx-home-quality__visual {
	position: relative;
	min-height: 222px;
}

.pepx-home-quality-vial {
	position: absolute;
	bottom: -5px;
	width: 108px;
	filter: drop-shadow(0 17px 15px rgba(35, 61, 113, 0.14));
}

.pepx-home-quality-vial--one {
	left: 22%;
	transform: scale(0.9);
}

.pepx-home-quality-vial--two {
	left: 39%;
}

.pepx-home-quality-vial__cap {
	width: 82px;
	height: 30px;
	margin: 0 auto -2px;
	background: linear-gradient(
		90deg,
		#929ca8,
		#ffffff 28%,
		#7f8996 61%,
		#e5eaef
	);
	border-radius: 9px 9px 4px 4px;
}

.pepx-home-quality-vial__glass {
	position: relative;
	height: 157px;
	background: linear-gradient(90deg, #dce8f5, #ffffff, #d4e2f2);
	border: 1px solid #c9d5e4;
	border-radius: 11px 11px 15px 15px;
}

.pepx-home-quality-vial__label {
	position: absolute;
	top: 47px;
	right: 5px;
	left: 5px;
	padding: 14px 4px;
	background: #ffffff;
	color: var(--home-navy);
	font-family: var(--pepx-font-heading);
	font-size: 20px;
	letter-spacing: 0.08em;
	text-align: center;
}

.pepx-home-quality-vial__label span {
	color: var(--home-blue);
}

.pepx-home-quality__stats {
	position: relative;
	z-index: 4;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	min-height: 66px;
	background: rgba(255, 255, 255, 0.91);
	border: 1px solid rgba(255, 255, 255, 0.96);
	border-radius: 9px 9px 0 0;
	box-shadow: 0 -7px 27px rgba(34, 61, 119, 0.08);
	backdrop-filter: blur(14px);
}

.pepx-home-quality__stats > div {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 10px 16px;
	border-right: 1px solid rgba(16, 24, 36, 0.1);
	text-align: center;
}

.pepx-home-quality__stats > div:last-child {
	border-right: 0;
}

.pepx-home-quality__stats strong {
	color: var(--home-navy);
	font-size: 16px;
	line-height: 1;
}

.pepx-home-quality__stats span {
	margin-top: 3px;
	color: var(--home-muted);
	font-size: 8px;
	line-height: 1.2;
}

/* Hide obsolete homepage layouts */

body.home .home-hero,
body.home .home-trust,
body.home .home-products,
body.home .home-quality,
body.home .home-statistics,
body.home .home-cta,
body.home .mock-home-hero,
body.home .mock-featured-products,
body.home .mock-quality-banner {
	display: none !important;
}

/* =========================================================
   Wide screens
========================================================= */

@media (min-width: 1700px) {
	.pepx-home-hero::before {
		height: 525px;
	}

	.pepx-home-hero__inner {
		min-height: 525px;
	}

	.pepx-home-hero__content {
		max-width: 590px;
	}

	.pepx-home-hero__title {
		font-size: 80px;
	}

	.pepx-home-feature-card {
		right: 5%;
		bottom: 92px;
	}

	.pepx-home-benefits {
		margin-top: -72px !important;
	}

	.pepx-home-products__grid {
		gap: 16px;
	}
}

/* =========================================================
   Tablet
========================================================= */

@media (max-width: 1100px) {
	.pepx-home .pepx-container {
		width: calc(100% - 48px) !important;
	}

	.pepx-home-hero::before {
		background-position: 58% top;
		background-size: auto 100%;
	}

	.pepx-home-hero__content {
		width: 47%;
	}

	.pepx-home-products__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.pepx-home-benefits {
		width: calc(100% - 48px) !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 0 !important;
	}

	.pepx-home-benefit:nth-child(2) {
		border-right: 0;
	}

	.pepx-home-benefit:nth-child(-n + 2) {
		border-bottom: 1px solid rgba(16, 24, 36, 0.1);
	}

	.pepx-home-quality__inner {
		grid-template-columns: 1fr 1fr;
	}
}

/* =========================================================
   Small tablet
========================================================= */

@media (max-width: 800px) {
	.pepx-home-hero::before {
		top: auto;
		bottom: 128px;
		height: 390px;
		background-position: 70% center;
		background-size: auto 100%;
	}

	.pepx-home-hero__inner {
		display: block;
		min-height: 735px;
	}

	.pepx-home-hero__content {
		width: 100%;
		max-width: 560px;
		padding: 45px 0 28px;
	}

	.pepx-home-feature-card {
		right: 24px;
		bottom: 150px;
	}

	.pepx-home-benefits {
		margin-top: 0 !important;
	}
}

/* =========================================================
   Mobile
========================================================= */

@media (max-width: 620px) {
	.pepx-home .pepx-container {
		width: calc(100% - 32px) !important;
	}

	.pepx-home-hero::before {
		bottom: 272px;
		height: 335px;
		background-position: 67% center;
	}

	.pepx-home-hero__inner {
		min-height: 770px;
	}

	.pepx-home-hero__title {
		font-size: clamp(47px, 14vw, 62px);
	}

	.pepx-home-hero__buttons {
		display: grid;
		grid-template-columns: 1fr;
		max-width: 310px;
	}

	.pepx-home-button {
		width: 100%;
	}

	.pepx-home-feature-card {
		right: 16px;
		bottom: 292px;
		width: 228px;
	}

	.pepx-home-benefits {
		width: calc(100% - 32px) !important;
		grid-template-columns: 1fr;
		margin-top: 0 !important;
	}

	.pepx-home-benefit {
		justify-content: flex-start;
		border-right: 0;
		border-bottom: 1px solid rgba(16, 24, 36, 0.1);
	}

	.pepx-home-benefit:last-child {
		border-bottom: 0;
	}

	.pepx-home-section-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.pepx-home-products__grid,
	.pepx-home-quality__inner,
	.pepx-home-quality__stats {
		grid-template-columns: 1fr;
	}

	.pepx-home-product-card__image {
		height: 200px;
	}

	.pepx-home-quality__content {
		padding-bottom: 26px;
	}

	.pepx-home-quality__visual {
		min-height: 225px;
	}

	.pepx-home-quality-vial--one {
		left: 17%;
	}

	.pepx-home-quality-vial--two {
		left: 50%;
	}

	.pepx-home-quality__stats > div {
		border-right: 0;
		border-bottom: 1px solid rgba(16, 24, 36, 0.1);
	}

	.pepx-home-quality__stats > div:last-child {
		border-bottom: 0;
	}
}