.page-detail {
	padding: 96px 0 160px;
}

.container {}

.page-detail__inner {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 72px;
}

.page-detail__block {
	flex: 0 1 1167px;
}

.article-detail {}

.article-detail__header {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 64px;

	.link-back {
		margin-bottom: 24px;
	}

	time {
		padding: 8px 16px;
		background-color: var(--color-blue-light);
		border-radius: 30px;
		max-width: fit-content;
	}
}

.article-detail__header--tablet {
	display: none;
}

.link-back {
	display: flex;
	align-items: center;
	gap: 8px;
}

.article-detail__desc {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 48px 0 64px;
	font-size: 17px;
	line-height: 140%;
}

.article-detail__desc img{
	max-width: 100%;
	height: auto;
}

.article-detail__gallery .main-slider .embla__container {
	height: 570px !important;
}

.page-detail__sidebar {
	flex: 0 0 425px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 80px;

	.leed-form {
		display: flex;
		flex-direction: column;
		padding: 24px;
		height: auto;
	}

	.leed-form--right {
		flex: 0 0 360px;

		.img-1 {
			transform: rotate(-36deg);
			right: -133px;
		}

		.img-2 {
			left: -125px;
			top: 126px;
			transform: rotate(-5deg);
		}

		.img-3 {
			left: 75px;
			transform: translateY(0) rotate(20deg);
			bottom: 0;
			top: auto;
		}

		.img-4 {
			left: 50%;
			bottom: auto;
			top: -60px;
			transform: translateX(-50%)
		}
	}

	.leed-form--left {
		order: 2;
		flex: 1 1 100%;
		max-width: 100%;
		gap: 40px;
	}

	.leed-form__desc {
		span {
			white-space: normal;
		}
	}

	.promo {
		flex-direction: column;
		gap: 10px;
		height: auto;
		padding: 24px;
	}

	.promo__icon {
		position: static;
		transform: translate(-15px, -15px);
	}

	.promo__icon img {
		max-width: 135px;
	}

	.promo__desc {
		order: 2;
		gap: 32px;
		justify-content: flex-start;
		height: auto;
		flex: 1 1 100%;
	}
}

.article-detail__navigation {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;

	.button-primary {
		width: 100%;
		flex: 1 1 45%;
		max-width: 100%;
	}
}

.news-section {
	.news__title {
		margin-bottom: 48px;
	}
}



@media(max-width: 1440px) {
	.page-detail__block {
		flex: 1 1 100%;
	}

	.page-detail__sidebar {
		flex: 0 0 315px;
		margin-top: 0;
	}

	.article-detail__header--tablet {
		display: flex;
	}

	.article-detail__header--dekstop {
		display: none;
	}


	.news-section {
		.article:last-child {
			display: none;
		}
	}
}

@media(max-width: 1299.5px) {
	.page-detail {
		padding: 72px 0 140px;
	}

	.page-detail__inner {
		flex-direction: column;
		gap: 140px;
	}

	.article-detail__header {
		margin-bottom: 48px;

		.link-back {
			margin-bottom: 16px;
		}
	}

	.article-detail__desc {
		margin: 48px 0;
	}

	.article-detail__gallery {
		.main-slider__nav-btns {
			display: flex;
			position: absolute;
			bottom: 32px;
			right: 32px;
			display: flex;
			gap: 16px;
		}
	}

	.page-detail__sidebar {
		flex-direction: row;

		.promo {
			flex: 0 1 347px;
		}

		.leed-form {
			flex: 1 1;
			flex-direction: row;
		}

		.leed-form--left {
			flex: 0 1 376px;
			position: relative;
			z-index: 2;
		}

		.leed-form--right {
			order: 2;
			flex: 1 1;

			.img-1 {
				transform: rotate(0deg);
				right: -133px;
			}

			.img-2 {
				left: -96px;
				top: -15px;
			}

			.img-3 {
				left: -68px;
				bottom: 112px;
			}

			.img-4 {
				top: auto;
				bottom: -59px;
				left: 40px;
			}
		}
	}


}

@media(max-width: 1023.5px) {
	.page-detail {
		padding: 64px 0 120px;
	}

	.page-detail__sidebar {
		flex-direction: column;

		.promo {
			height: auto;
			flex: 0 0 250px;
		}

		.promo__icon {
			position: absolute;
			left: 24px;
			top: 24px;
			transform: translate(-15px, -7px);
		}

		.promo__desc {
			div {
				padding-left: 140px;
				min-height: 110px;
				padding: 16px 0 16px 140px;
			}

			.button {
				max-width: 420px;
			}
		}


	}

	.page-detail__inner {
		gap: 120px;
	}

	.article-detail__gallery .main-slider .embla__container {
		height: 520px !important;
	}
}

@media(max-width: 767.5px) {
	.page-detail {
		padding: 40px 0 110px;
	}


	.page-detail__sidebar {
		.leed-form {
			display: flex;
			flex-direction: column;
			padding: 24px;
			height: auto;
		}

		.leed-form--right {
			flex: 0 0 360px;
			order: 1;

			.img-1 {
				transform: rotate(-36deg);
				right: -133px;
			}

			.img-2 {
				left: -125px;
				top: 126px;
				transform: rotate(-5deg);
			}

			.img-3 {
				left: 75px;
				transform: translateY(0) rotate(20deg);
				bottom: 0;
				top: auto;
			}

			.img-4 {
				left: 50%;
				bottom: auto;
				top: -60px;
				transform: translateX(-50%)
			}
		}

		.leed-form--left {
			order: 2;
			flex: 1 1 100%;
			max-width: 100%;
			gap: 40px;
		}

		.leed-form__desc {
			span {
				white-space: normal;
			}
		}

		.promo {
			flex-direction: column;
			gap: 10px;
			height: auto;
			padding: 24px;
			flex: none;
		}

		.promo__icon {
			position: static;
			transform: translate(-15px, -15px);
		}

		.promo__icon img {
			max-width: 135px;
		}

		.promo__desc {
			order: 2;
			gap: 32px;
			justify-content: flex-start;
			height: auto;
			flex: 1 1 100%;

			div {
				padding: 0;
			}
		}
	}

	.article-detail__desc {
		font-size: 15px;
		line-height: 150%;
	}


	.article-detail__navigation span {
		display: none;
	}

	.news-section {
		display: none;
	}
}