/* start ----------------------------------------- perform ------------------------------------------ */
.perform h2 {
	font-size: 46px;
	line-height: 1;
	letter-spacing: 0.01em;	
	margin-bottom: 40px;
}
.perform h2 .background-image {
	padding: 9px 31px;
	margin: 8px 0 8px 84px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='385' height='65' viewBox='0 0 385 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.8184 7.04598C21.3618 3.30002 25.0129 0.855469 29.0644 0.855469H374.173C381.263 0.855469 386.101 8.02876 383.445 14.6021L365.665 58.6021C364.138 62.3814 360.47 64.8555 356.393 64.8555H10.9357C3.81695 64.8555 -1.02216 57.628 1.68973 51.046L19.8184 7.04598Z' fill='%23FFE70F' /%3e%3c/svg%3e");
}
.perform h2 span:last-child {
	margin-left: 84px;
}
.perform .content__box {
	padding: 50px 60px;
	background-image: url('../../assets/img/perform-glazing-bg-tablet.jpg');
}
.perform-installation .content__box {
	background-image: url('../../assets/img/perform-installation-bg-tablet.jpg');
}
.perform .icon__list {
    gap: 40px;
}
.perform .icon__list .icon__item {
    gap: 15px;
    align-items: center;
}
.perform .icon__list .item__img {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.perform .icon__list .item__title {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.perform .content__box {
		height: 576px;
		padding: 40px 18px;
		background-image: url('../../assets/img/perform-glazing-bg-mobile.jpg');
	}
	.perform-installation .content__box {
		background-image: url('../../assets/img/perform-installation-bg-mobile.jpg');
	}	
	.perform h2 {
		font-size: 26px;
		line-height: 1;
		letter-spacing: 0.01em;	
		margin-bottom: 20px;
		text-align: center;
	}
	.perform h2 .background-image {
		padding: 7px 20px;
		margin: 5px 0;
		background-size: contain;
	}
	.perform h2 span:last-child {
		margin-left: 0;
	}
	.perform .icon__list .icon__item {
		flex-direction: column;
		gap: 10px;
	}
	.perform .icon__list {
		gap: 20px;
	}	
	.perform .icon__list .item__img {
		width: 50px;
		height: 50px;
	}
	.perform .icon__list .item__title {
		font-size: 16px;
		text-align: center;
	}
	.perform.perform-finished .icon__item:nth-child(1) .item__title br {
		display: none;
	}
	.page-dveri .perform h2 {
		font-size: 25px;
	}
}
@media (min-width: 1024px) {
	.perform .content__box {
		padding: 40px 70px 40px 80px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.perform .content__box {
		background-image: url('../../assets/img/perform-glazing-bg-desktop.jpg');
	}
	.perform-installation .content__box {
		background-image: url('../../assets/img/perform-installation-bg-desktop.jpg');
	}	
	.perform h2 {
		font-size: 38px;
		margin-bottom: 0;
	}	
	.perform h2 .background-image {
		margin-left: 45px;
	}
	.perform h2 span:last-child {
		margin-left: 0;
	}
	.perform-finished .content__box {
		padding: 40px 45px 40px 80px;
	}
	.perform .icon__list {
		gap: 20px;
	}	
	.perform .icon__list .item__img {
		width: 50px;
		height: 50px;
	}
	.perform .icon__list .item__title {
		font-size: 18px;
	}	
	.perform-finished .icon__list .icon__item:first-child {
		width: 330px;
	}
	.perform-finished .icon__list .icon__item:first-child br {
		display: none;
	}
}
/* end ------------------------------------------- perform ------------------------------------------ */