.installation-important {
	padding-bottom: 0;
	background-image: url("/wp-content/themes/twentytwenty-child/img/installation-important-bg-mobile.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.installation-important .title {
	line-height: 121%;
	margin-bottom: 15px;
}
.installation-important .sub__title {
	font-size: 20px;
	line-height: 110%;
	text-align: center;	
	margin-bottom: 15px;	
}
.installation-important .content__box-text {
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
	line-height: 137%;
	margin-bottom: 15px;	
}
.installation-important .content__box-list {
    display: grid;
    gap: 10px;
    margin-bottom: 48px;	
}
.installation-important .content__box-item {
    display: flex;
    align-items: center;
    gap: 10px;	
	line-height: 100%;
}
.installation-important .content__box-item svg {
    flex-shrink: 0;
    width: 35px;
    height: 35px;	
}
.installation-important .content__box-installer {
    display: flex;
    justify-content: center;	
}
.installation-important .installer__img {
	width: 271px;
    height: 238px;
    position: relative;	
}
.installation-important .installer__img img {
	width: 100%;
    height: auto;
}
.installation-important .installer__title {
	display: inline-block;
	text-align: center;	
    position: absolute;
    top: -48px;
    right: -38px;	
}
.installer__title span {
    display: block;
}
.installation-important .installer__title-name {
	font-size: 20px;
	line-height: 110%;
	position: relative;
}
.installation-important .installer__title-name:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 34px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='40' viewBox='0 0 24 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_3406_19313)'%3e%3cpath d='M18.7409 31.4195C18.9882 25.9982 16.6159 12.3244 5.14847 1.00021' stroke='black' /%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_3406_19313' x='0.796875' y='0.644531' width='22.4609' height='38.7979' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix' /%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3e%3cfeOffset dy='4' /%3e%3cfeGaussianBlur stdDeviation='2' /%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0' /%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_3406_19313' /%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_3406_19313' result='shape' /%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
	top: -44px;
	left: 36px;
}
.installation-important .installer__title-profession {
	line-height: 106%;	
}
@media (max-width: 767px) {
	.installation-important .sub__title span {
		display: block;
	}
}
@media (min-width: 768px) {	
	.installation-important {
		background-image: url("/wp-content/themes/twentytwenty-child/img/installation-important-bg-tablet.jpg");
	}
	.installation-important .title {
		text-align: left;
	}	
	.installation-important .title span {
		display: block;
	}
	.installation-important .sub__title {
		text-align: left;
		margin-bottom: 20px;
	}
	.installation-important .content__box {
		display: grid;
		grid-template-columns: 454px 1fr;
	}	
	.installation-important .content__box-text {
		grid-column: 1 / 2;
		grid-row: 1 / 2;		
		width: 377px;
		font-size: 18px;
		line-height: 122%;
		margin-bottom: 30px;
	}
	.installation-important .content__box-list {
		grid-column: 1 / 2;
		grid-row: 2 / 3;		
		display: flex;
		margin-bottom: 55px;
	}
	.installation-important .content__box-item span {
		display: block;
	}
	.installation-important .content__box-installer {
		grid-column: 2 / 3;
		grid-row: 1 / 3;		
	}
	.installation-important .installer__img {
		width: 256px;
		height: 293px;
	}
	.installation-important .installer__title {
		top: -79px;
		right: unset;
		left: 22px;
	}	
	.installation-important .installer__title-name:before {
		width: 41px;
		height: 48px;
		top: 50px;
		left: 26px;		
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='41' height='48' viewBox='0 0 41 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_2415_13862)'%3e%3cpath d='M5.12938 38.9633C12.6168 35.3782 29.2459 22.5937 35.8624 0.136992' stroke='black' /%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2415_13862' x='0.913086' y='-0.00439453' width='39.4287' height='47.4185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix' /%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3e%3cfeOffset dy='4' /%3e%3cfeGaussianBlur stdDeviation='2' /%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0' /%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2415_13862' /%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2415_13862' result='shape' /%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
	}
}
@media (min-width: 1200px) {
	.installation-important {
		background-image: url("/wp-content/themes/twentytwenty-child/img/installation-important-bg-desktop.jpg");
	}	
	.installation-important .sub__title {
		font-size: 22px;
		line-height: 100%;
		margin-bottom: 40px;
	}
	.installation-important .content__box {
		grid-template-columns: 574px 1fr;
	}
	.installation-important .content__box-text {
		width: 574px;
		padding: 20px;
		margin-bottom: 40px;
	}
	.installation-important .content__box-list {
		gap: 20px;
		margin-bottom: 80px;
	}
	.installation-important .content__box-item {
		font-size: 18px;
	}
	.installation-important .content__box-item svg {
		width: 50px;
		height: 50px;
	}
	.installation-important .content__box-installer {
		position: relative;
	}
	.installation-important .installer__img {
		width: 356px;
		height: 346px;
		position: absolute;
		bottom: 0;	
	}
	.installation-important .installer__title {
		top: -50px;
		left: -12px;
	}
	.installation-important .installer__title-name {
		font-size: 24px;
	}
	.installation-important .installer__title-name:before {
		width: 55px;
		height: 100px;	
		top: 60px;
		left: 18px;	
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='100' viewBox='0 0 55 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_186_9547)'%3e%3cpath d='M50.4079 0.000383139C50.329 17.0882 41.1921 59.2749 5.27596 91.3191' stroke='black' /%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_186_9547' x='0.942871' y='-0.00195312' width='53.9648' height='99.6943' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix' /%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3e%3cfeOffset dy='4' /%3e%3cfeGaussianBlur stdDeviation='2' /%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0' /%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_186_9547' /%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_186_9547' result='shape' /%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
	}
	.installation-important .installer__title-profession {
		font-size: 14px;
	}
}