/* boilers section */
.boilers {
	z-index: 2;
}
.boilers__head {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-bottom: 40px;
}

.boilers__head_right {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.boilers__desc {
	column-count: 2;
	column-gap: 20px;
}

.boilers__desc p {
	margin: 0;
}

.boilers__btn {
	max-width: 325px;
}

.boilers-area {
	position: relative;
}

.boilers-area__imgs {
	width: 100%;
	height: 510px;
	border-radius: 16px;
	overflow: hidden;
}

.boilers-area__imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.boilers-area__imgs img.boilers-area__imgs_mobile {
	display: none;
}

.boilers-pop {
	--top: 10px;
	--left: 10px;

	position: absolute;
	top: var(--top);
	left: var(--left);

	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
}

.boilers-pop__btn {
	cursor: pointer;
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	flex-shrink: 0;
	transition: all 0.3s ease;
	position: relative;
	z-index: 3;
}

.boilers-pop__btn path {
	transition: fill 0.3s ease;
}

.boilers-pop__btn.active {
	transform: rotate(45deg);
	background: #e95900;
}

.boilers-pop__btn.active path {
	fill: #fff;
}

.boilers-pop_up {
	position: absolute;
	left: 36px;
	top: 0;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 550px;
	width: max-content;
	height: fit-content;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity 0.25s ease,
		visibility 0.25s ease;
	max-width: min(550px, calc(100vw - 32px));
}

.boilers-pop_up__title {
	font-weight: 500;
	font-size: 18px;
	line-height: 130%;
	color: var(--title-color);
}

.boilers-pop_up__desc {
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: var(--font-color);
}

.boilers-pop_up__desc dl,
.boilers-pop_up__desc ol,
.boilers-pop_up__desc ul {
	margin: 0;
	padding-left: 25px;
}

.boilers-pop.is-active,
.boilers-pop.is-preview {
	z-index: 5;
}

.boilers-pop.is-preview .boilers-pop_up,
.boilers-pop.is-active .boilers-pop_up {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.boilers-pop:not(.is-active) .boilers-pop_up__desc {
	display: none;
}

.modal-boilers__dialog {
	max-width: 1130px !important;
}

.modal-boilers .modal-body {
	padding: 32px;
}

.modal-boilers .modal-content {
	border-radius: 16px;
}

.modal-boilers .close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 11px;
	height: 11px;
	cursor: pointer;
	display: flex;
	z-index: 10;
}

.modal-boilers__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.modal-boilers__col {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-boilers__img {
	border-radius: 8px;
	height: 297px;
	width: 100%;
	object-fit: cover;
}

.modal-boilers__title {
	font-weight: 600;
	font-size: 26px;
	line-height: 125%;
	text-transform: uppercase;
	color: var(--title-color);
}

.modal-boilers__table {
	width: 100%;
	table-layout: fixed;
}

.modal-boilers__table th,
.modal-boilers__table td {
	padding: 9px 22px;
	border: 1px solid #dfdfdf;
}

.modal-boilers__table th {
	color: var(--title-color);
	text-transform: uppercase;
}

.boilers__mark {
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #FFFFFF;
	padding: 8px 11px;
	background: #E95900;
	border-radius: 8px;
	width: fit-content;
}

@media all and (max-width: 768px) {
	.boilers__head {
		grid-template-columns: 100%;
		margin-bottom: 24px;
	}
	.boilers__desc {
		column-count: 1;
	}
	.boilers-area__imgs img.boilers-area__imgs_mobile {
		display: block;
	}
	.boilers-area__imgs img.boilers-area__imgs_desk {
		display: none;
	}
	.boilers-pop__btn {
		width: 46px;
		height: 46px;
	}
	.boilers-pop__btn svg {
		width: 26px;
		height: 26px;
	}
	.boilers-pop_up {
		padding: 12px;
		border-radius: 8px;
		max-width: calc(100vw - 50px);
		top: 50px;
		left: 0;
		right: auto;
	}
	.boilers-pop.popup-right .boilers-pop_up {
		left: auto !important;
		right: 0 !important;
	}
	.boilers-pop_up__title {
		font-size: 17px;
	}
	.boilers-area__imgs {
		height: 800px;
	}
	.boilers-pop_up__desc dl,
	.boilers-pop_up__desc ol,
	.boilers-pop_up__desc ul {
		padding-left: 15px;
	}

	.boilers__btn {
		max-width: 100%;
	}

	.modal-boilers .modal-body {
		padding: 40px 16px 16px 16px;
	}

	.modal-boilers .close {
		top: 16px;
		right: 16px;
	}

	.modal-boilers__grid {
		grid-template-columns: 100%;
		gap: 24px;
	}

	.modal-boilers__col {
		gap: 12px;
	}

	.modal-boilers__img {
		display: none;
	}

	.modal-boilers__title {
		font-size: 20px;
	}
	.modal-boilers__table th,
	.modal-boilers__table td {
		padding: 6px 12px;
	}

	.foot-logo {
		grid-column: span 2;
		margin-inline: auto;
	}

	.foot-soc {
		grid-column: span 2;
		flex-wrap: wrap;
		justify-content: center;
	}

}

main {
	overflow-x: hidden;
}

.logo-div img, .foot-logo img{
  width: 100%;
  max-width: 140px;
}