.block-body {
	padding: 40px 0;
}

.block-body__title {
	font-weight: 500;
	font-size: clamp( 32px, 5vw, 60px );
	line-height: 1.13;
	letter-spacing: 0%;
	text-align: center;
	margin: 0 0 24px;
	color: #032279;
}

.block-body__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

/* Верхний блок */
.block-body__first {
	position: relative;
	width: 100%;
	min-height: 718px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 32px;
}

.block-body__first-content {
	position: relative;
	width: 70%;
	min-height: 700px;
	overflow: 
hidden;
}

.block-body__first-item {
	width: clamp( 240px, 22vw, 298px );
	height: auto;
	border-radius: 16px;
	padding: 20px;
	opacity: 1;
	background: rgba( 185, 185, 185, 0.18 );
	backdrop-filter: blur( 5px );
	transition: 0.3s;
	color: white;
	border: 1px solid rgba( 255, 255, 255, 0.19 );
}

.block-body__first-icon-wrap {
	padding: 8px;
	border-radius: 50%;
	background: white;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.block-body__first-icon-wrap img {
	display: block;
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.block-body__first-header {
	display: flex;
	gap: 10px;
	align-items: center;
}

.block-body__first-item-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0%;
}

.block-body__first-item--level-1 {
	position: absolute;
	right: clamp( 20px, 20%, 220px );
	top: clamp( 24px, 5%, 56px );
}

.block-body__first-item--level-2 {
	position: absolute;
	right: clamp( 8px, 1%, 20px );
	top: clamp( 190px, 35%, 310px );
}

.block-body__first-item--level-3 {
	position: absolute;
	bottom: clamp( 100px, 20%, 180px );
	left: clamp( 20px, 25%, 260px );
}

.block-body__first-value {
	display: flex;
	gap: 10px;
	margin: 15px 0;
}

.block-body__first-label {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0%;
}

.block-body__first-percent {
	display: flex;
	align-items: center;
	gap: 4px;
}

.block-body__first-percent-arrow {
	width: 15px;
	height: 15px;
}

.block-body__first-value--refresh .block-body__first-percent {
	display: flex;
	gap: 8px;
	align-items: center;
	background: #032279;
	border-radius: 40px;
	opacity: 1;
	padding: 2px 10px;
	width: fit-content;
}

.block-body__first-value--traditional .block-body__first-percent {
	display: flex;
	gap: 8px;
	align-items: center;
	background: #8396CD;
	border-radius: 40px;
	opacity: 1;
	padding: 2px 10px;
	width: fit-content;
}

.block-body__first-buttons {
	display: flex;
	gap: 12px;
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX( -50% );
	width: 100%;
	justify-content: center;
}

.block-body__first-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	border-radius: 40px;
	opacity: 1;
	padding: 14px 44px;
	text-decoration: none;
	font-weight: 400;
	transition: 0.3s;
	cursor: pointer;
	border: none;
	font-family: inherit;
	font-size: 20px;
}

.block-body__first-btn--primary {
	color: #032279;
	background: white;
}
.block-body__first-btn--primary:hover {
	color: #032279;
	text-decoration: none;
}
.block-body__first-btn--secondary:hover {
	text-decoration: none;
	color: white;
}

.block-body__first-btn--secondary {
	background: rgba( 185, 185, 185, 0.18 );
	backdrop-filter: blur( 5px );
	color: white;
	border: 1px solid rgba( 255, 255, 255, 0.19 );
}

/* Нижний блок: второй ряд */
.block-body__second {
	display: flex;
	gap: 24px;
	width: 100%;
}

.block-body__second-left {
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 1;
}

/* Нижний блок_1: верхняя часть слева (продукты) */
.block-body__second-left-upper {
	position: relative;
	height: clamp( 460px, 56vw, 720px );
	background-image: url('/wp-content/uploads/media/background_left_your_body.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 16px;
	overflow: hidden;
}

.block-body__second-left-upper .block-body__second-products {
	position: absolute;
	inset: 0;
}

.block-body__second-left-upper .block-body__second-product {
	position: absolute;
	object-fit: contain;
}

.block-body__second-left-upper .block-body__second-product--1 {
	/* width: clamp( 319px, 78vw, 585px ); */
	/* aspect-ratio: 678 / 577; */
	height: auto;
	/* top: clamp( 110px, -4.5vw, -20px );
	left: clamp( -121px, -9.5vw, -32px ); */
	opacity: 1;
	z-index: 2;
	max-width: 350px;
	top: 20%;
}

.block-body__second-left-upper .block-body__second-product--2 {
	/* width: clamp( 251px, 26vw, 368px ); */
	/* aspect-ratio: 368 / 590; */
	height: auto;
	top: 0;
	left: 20%;
	opacity: 1;
	z-index: 1;
	max-width: 308px;
}

.block-body__second-left-upper .block-body__second-product--3 {
	/* width: clamp( 186px, 50vw, 411px ); */
	aspect-ratio: 422 / 542;
	height: auto;
	/* left: clamp( 140px, 29%, 566px );
	top: clamp( 203px, 14%, 174px ); */
	z-index: 3;
	max-width: 390px;
	bottom: 0;
	right: -5%;
}

.block-body__second-left-upper .block-body__second-labels {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.block-body__second-left-upper .block-body__second-label {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: clamp( 8px, 1vw, 12px ) clamp( 12px, 1.8vw, 20px );
	background: white;
	border-radius: 52px;
	font-size: clamp( 14px, 1.5vw, 20px );
	line-height: 1.2;
	color: #032279;
	z-index: 4;
	font-weight: 700;
	max-width: calc( 100% - 24px );
	font-size: 16px;
}

.block-body__second-left-upper .block-body__second-label img {
	width: clamp( 16px, 1.5vw, 20px );
	height: clamp( 16px, 1.5vw, 20px );
	flex-shrink: 0;
}

.block-body__second-left-upper .block-body__second-label--1 {
	top: clamp( 180px, 37%, 264px );
	left: clamp( 190px, 46%, 311px );
}

.block-body__second-left-upper .block-body__second-label--2 {
	top: clamp( 330px, 64%, 461px );
	left: clamp( 14px, 6%, 42px );
}

.block-body__second-left-upper .block-body__second-label--3 {
	top: clamp( 385px, 75%, 539px );
	left: clamp( 220px, 53%, 362px );
	z-index: 4;
}

/* Нижний блок_2: нижняя часть слева */
.block-body__second-left-lower {
	min-height: 668px;
	border-radius: 16px;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.block-body__second-left-lower-inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	min-height: 668px;
}

.block-body__second-left-lower-upper {
	padding: 40px;
	background: linear-gradient( 0deg, rgba( 51, 51, 51, 0 ) 0%, rgba( 0, 0, 0, 0.2 ) 50%, rgba( 0, 0, 0, 0.59 ) 100% );
	border-radius: 16px 16px 0 0;
	height: 50%;
}

.block-body__second-left-lower-upper-text {
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 0%;
	color: white;
}

.block-body__second-left-lower-lower {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 40px;
	background: linear-gradient( 181deg, rgba( 51, 51, 51, 0 ) 0%, rgba( 0, 0, 0, 0.34 ) 50%, rgba( 0, 0, 0, 0.59 ) 100% );
	justify-content: flex-end;
	height: 50%;
	border-radius: 0 0 16px 16px;
}

.block-body__second-left-lower-lower-text {
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0%;
	color: white;
}

.block-body__second-left img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}

/* Слайдер справа */
.block-body__second-right {
	flex: 1;
}

.block-body__second-right img {
	display: block;
}

.block-body__slider-wrap {
	border-radius: 16px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	padding: 60px 24px;
	box-sizing: border-box;
	min-height: 100%;
}

.block-body__slider {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: center;
}

.block-body__slider-title {
	font-weight: 700;
	font-size: clamp( 28px, 4vw, 48px );
	line-height: 1.125;
	letter-spacing: 0%;
	text-align: center;
	color: #FFFFFF;
	margin: 0 0 24px;
	width: 50%;
}

.block-body__slider-main {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex: 1;
	width: 100%;
	position: relative;
	margin: 80px 0 0;
}

.block-body__slider-arrow {
	position: absolute;
	top: 252px;
	transform: translateY( -50% );
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid white;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: opacity 0.2s;
}

.block-body__slider-arrow:hover {
	opacity: 0.9;
}

.block-body__slider-arrow--prev {
	left: 20px;
}

.block-body__slider-arrow--next {
	right: 20px;
}

.block-body__slider-arrow--prev .block-body__slider-arrow-icon {
	transform: rotate( 225deg );
}

.block-body__slider-arrow--next .block-body__slider-arrow-icon {
	transform: rotate( 45deg );
}

.block-body__slider-arrow-icon {
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.block-body__slider-track {
	position: relative;
	flex: 1;
	max-width: 480px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.block-body__slider-slide {
	display: none;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.block-body__slider-slide.is-active {
	display: flex;
}

.block-body__slider-card {
	width: 400px;
	max-width: 100%;
	height: 504px;
	opacity: 1;
	border-radius: 16px;
	background: #FFFFFF;
	color: #FFFFFF;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.block-body__slider-card-img-wrap {
	width: 400px;
	max-width: 100%;
	height: 400px;
	border-radius: 16px;
	overflow: hidden;
	flex-shrink: 0;
}

.block-body__slider-card-img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	display: block;
}

.block-body__slider-card-title {
	width: 352px;
	max-width: calc( 100% - 48px );
	min-height: 56px;
	margin: 0 auto;
	padding: 16px;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0%;
	text-align: center;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.block-body__slider-name {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: #FFFFFF;
	margin-top: 70px;
}

.block-body__slider-desc {
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0%;
	text-align: center;
	color: #FFFFFF;
	margin-top: 8px;
	max-width: 500px;
}

.block-body__slider-bottom {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding-top: 24px;
}

.block-body__slider-dots {
	display: flex;
	gap: 8px;
	align-items: center;
}

.block-body__slider-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #5A5C70;
	border: none;
	cursor: pointer;
	padding: 0;
	opacity: 1;
	transition: width 0.2s, height 0.2s, background 0.2s;
}

.block-body__slider-dot.is-active {
	width: 14px;
	height: 14px;
	background: #FFFFFF;
}

@media (max-width: 1199px) {
	.block-body__second {
		flex-direction: column;
	}

	.block-body__first-content {
		width: min( 95%, 940px );
		min-height: 640px;
	}

	.block-body__first-item--level-1 {
		right: clamp( 12px, 16%, 160px );
	}

	.block-body__first-item--level-2 {
		right: clamp( 8px, 2%, 20px );
		top: clamp( 200px, 35%, 300px );
	}

	.block-body__first-item--level-3 {
		left: clamp( 12px, 20%, 170px );
		bottom: clamp( 96px, 18%, 160px );
	}
}

@media (max-width: 991px) {
	.block-body__first {
		min-height: 790px;
	}

	.block-body__first-content {
		width: 100%;
		min-height: 720px;
	}

	.block-body__first-item {
		width: clamp( 210px, 36vw, 280px );
		padding: 16px;
	}

	.block-body__first-item--level-1 {
		right: clamp( 8px, 7vw, 64px );
		top: clamp( 14px, 4vw, 30px );
	}

	.block-body__first-item--level-2 {
		right: clamp( 6px, 2vw, 18px );
		top: clamp( 210px, 34%, 290px );
	}

	.block-body__first-item--level-3 {
		left: clamp( 8px, 9vw, 48px );
		bottom: clamp( 98px, 17%, 150px );
	}

	.block-body__first-buttons {
		bottom: 0;
		padding: 0 12px;
		flex-direction: column;
	}

	.block-body__first-btn {
		height: 46px;
		padding: 12px 24px;
	}

	.block-body {
		padding: 24px 0;
	}

	.block-body__first-item {
		width: 282px;
	}

	.block-body__second-left-upper {
		height: 728px;
	}

	.block-body__second-left-upper .block-body__second-product--1 {
		/* top: clamp( 114px, -7vw, -12px );
		left: clamp( -100px, -13vw, -18px ); */
	}

	.block-body__second-left-upper .block-body__second-product--2 {
		/* left: clamp( 70px, 21%, 130px ); */
		/* width: 328px; */
	}

	.block-body__second-left-upper .block-body__second-product--3 {
		/* left: clamp( 72px, 13%, 236px ); */
		max-width: 486px;
		/* top: clamp(103px, 31%, 239px); */
	}

	.block-body__second-left-upper .block-body__second-label--1 {
		left: clamp( 120px, 43%, 250px );
	}

	.block-body__second-left-upper .block-body__second-label--2 {
		top: clamp( 280px, 64%, 410px );
		left: clamp( 10px, 4%, 30px );
	}

	.block-body__second-left-upper .block-body__second-label--3 {
		top: clamp( 340px, 78%, 500px );
		left: clamp( 180px, 56%, 320px );
	}

	.block-body__second-left-lower {
		min-height: 375px;
	}

	.block-body__second-left-lower-inner {
		min-height: 375px;
	}

	.block-body__second-left-lower-upper-text {
		font-size: 22px;
	}

	.block-body__second-left-lower-lower-text {
		font-size: 16px;
	}

	.block-body__slider-card {
		width: 100%;
		height: auto;
	}

	.block-body__slider-card-img-wrap {
		width: 100%;
	}
	.block-body__second-left-lower-upper{
		padding: 20px;
	}
	.block-body__second-left-lower-lower{
		padding: 20px;
	}
}