/* PLASHKA */
.plashka {
	position: relative;
}

.plashka-country {
	position: absolute;
	top: 3%;
	right: 3%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	letter-spacing: -0.05em;
}

.plashka-country .plashka-country-name {
	font-size: clamp(15px, 5vw, 24px);
	line-height: 1;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0.1em 0.3em;
	display: block;
	background: #fbfbfb;
	font-family: 'Roboto Condensed', sans-serif;
}

.plashka-country .plashka-country-tv {
	font-size: clamp(23px, 6vw, 32px);
	line-height: 1;
	font-weight: normal;
	color: #fff;
	padding: 0.12em 0.1em;
	display: block;
	background: #ba2025;
	font-family: 'Roboto Condensed', sans-serif;
	border: 0.05em solid #fff;
	;
}

/* PLASHKA */


.plashka .before-after {
	width: 100%;
	position: absolute;
	bottom: 3%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.plashka .before-after span {
	display: block;
	width: 50%;
	text-align: center;
	color: yellow;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: clamp(30px, 8vw, 50px);
	line-height: 1;

	text-shadow: 0.05em 0 0.05em #000,
		0 0.05em 0.05em #000,
		-0.05em 0 0.05em #000,
		0 -0.05em 0.05em #000;
}

.graph-ver {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10%;
	height: 100%;
	top: 0;
	left: 0;
}

.graph-ver span {
	position: absolute;
	text-align: center;
	transform: rotate(270deg);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: clamp(12px, 4vw, 20px);
	line-height: 1;
	width: 15em;
	color: #1b1650;
	font-weight: 600;
}

.graph-hor {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 10%;
	bottom: 0;
	right: 0;
}

.graph-hor span {
	position: absolute;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: clamp(12px, 4vw, 20px);
	line-height: 1;
	color: #1b1650;
	font-weight: 600;
}


.review-name {
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: clamp(18px, 5vw, 30px);
	line-height: 1;
	color: #fff;
	font-weight: 600;
	bottom: 3%;
	left: 0;

	text-shadow: 0.05em 0 0.05em #000,
		0 0.05em 0.05em #000,
		-0.05em 0 0.05em #000,
		0 -0.05em 0.05em #000;
}

.doctor {
	position: absolute;
	top: 8%;
	left: 5.5%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: clamp(12px, 3vw, 20px);
	line-height: 1;
	color: #fff;

	padding-left: 1%;
	border-left: 2px solid #ba2025;
}

.doctor b {
	font-size: clamp(16px, 4vw, 24px);
	line-height: 1.2;
}

.content .image .plashka img.plashka-tovar-big {
	width: 12%;
	position: absolute;
	top: 5%;
	right: 10%;
}

.content .image .plashka img.plashka-tovar-small {
	display: block;
	width: 2%;
	position: absolute;
	left: 51%;
	bottom: 52%;
}

.plashka-infograf-text {
	position: absolute;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: clamp(8px, 2vw, 16px);
	line-height: 1;
	left: 15%;
	margin: 0;
	max-width: 44%;
}

.plashka-text-title {
	position: absolute;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: clamp(10px, 2vw, 20px);
	line-height: 1;
	width: 100%;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	top: 20%;
	margin: 0;
	max-width: 71%;
}

.plashka-infograf-text.infograf-text-1 {
	top: 36%;
}

.plashka-infograf-text.infograf-text-2 {
	top: 49%;
}

.plashka-infograf-text.infograf-text-3 {
	top: 62%;
}

.plashka-infograf-text.infograf-text-4 {
	top: 75%;
}

.plashka-infograf-text.infograf-text-5 {
	top: 88%;
}