.quality-materials .content {
	border-radius: 16px;
	background: var(--chernyy-50);
	padding-top: 23px;
	position: relative;
	overflow: hidden;
}
.quality-materials .content__bg {
	display: block;
	width: 66px;
	height: 196px;
	position: absolute;
    bottom: 0;
    left: 29px;	
	background-image: url('../img/quality-materials-bg-mobile.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.quality-materials .content__headline {
    position: absolute;
    top: 0;
	width: 100%;
    padding: 12px 22px 12px 28px;	
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='305' height='58' viewBox='0 0 305 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.38207 7.78923C10.4147 3.23373 14.4636 0 19.1346 0H294.907C301.501 0 306.29 6.26981 304.555 12.6312L294.191 50.6312C293.005 54.9818 289.053 58 284.544 58H10.5206C4.10566 58 -0.65018 52.0454 0.768009 45.7892L9.38207 7.78923Z' fill='%23002C60' /%3e%3c/svg%3e");
	background-size: contain;
}
.quality-materials h2 {
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0.01em;	
	margin-bottom: 0;
    color: var(--white);
    position: relative;	
}
.quality-materials .content__box {
    padding: 60px 20px 20px;
}
.quality-materials .content__inner {
	position: relative;
}
.quality-materials .content__offer {
	margin-bottom: 25px;	
}
.quality-materials .content__offer-img {
	width: 88px;
	height: 57px;
    margin-bottom: 15px;
	display: none;	
}
.quality-materials .content__offer-text {
	font-size: 20px;
	line-height: 120%;
	margin-bottom: 0;
    width: 190px;
    margin-left: auto;	
}
.quality-materials .content__desc {
	line-height: 130%;
	letter-spacing: 0.01em;	
	margin-bottom: 30px;
	display: none;
}
.quality-materials .btn {
	border-radius: 10px;
	height: 55px;
	font-size: 16px;	
}
@media (min-width: 768px) {
	.quality-materials .content {
		background: none;
		padding-top: 40px;
	}
	.quality-materials .content__bg {
		width: 336px;
		height: 330px;
		left: unset;
		right: 0;		
		background-image: url('../img/quality-materials-bg-tablet.png');
	}	
	.quality-materials .content__headline {
		left: 40px;
		width: 510px;
		padding: 15px 35px 15px 33px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='505' height='92' viewBox='0 0 505 92' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.8172 7.71129C18.8794 3.19332 22.9106 0 27.5518 0H494.779C501.412 0 506.207 6.33947 504.401 12.7219L484.035 84.7219C482.817 89.0275 478.887 92 474.412 92H10.6238C4.176 92 -0.586496 85.9879 0.88921 79.7113L17.8172 7.71129Z' fill='%23002C60' /%3e%3c/svg%3e");
	}	
	.quality-materials h2 {
		font-size: 26px;
	}	
	.quality-materials .content__box {
		background: var(--chernyy-50);
		border-radius: 16px;
		padding: 82px 270px 40px 40px;
	}
	.quality-materials .content__offer {
		display: flex;
		gap: 15px;
		align-items: center;
		margin-bottom: 30px;	
	}
	.quality-materials .content__offer-img {
		display: block;
		flex-shrink: 0;
		margin: 0;
	}
	.quality-materials .content__offer-text {
		font-size: 22px;
		width: 100%;
		margin-left: unset;		
	}
	.quality-materials .btn {
		width: 291px;
		height: 60px;
		font-size: 18px;		
		margin: 0;
	}	
}
@media (min-width: 1024px) {
	.quality-materials .content {
		padding-top: 29px;
	}
	.quality-materials .content__bg {
		width: 507px;
		height: 405px;
		background-image: url('../img/quality-materials-bg-desktop.png');
	}	
	.quality-materials .content__headline {
		width: 544px;
		padding: 15px 33px 15px 34px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='539' height='98' viewBox='0 0 539 98' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.2575 7.70834C20.3208 3.19179 24.3513 0 28.9913 0H528.774C535.408 0 540.204 6.34212 538.396 12.7253L516.302 90.7253C515.083 95.0292 511.154 98 506.68 98H10.6277C4.17867 98 -0.584058 91.9857 0.893836 85.7083L19.2575 7.70834Z' fill='%23002C60' /%3e%3c/svg%3e");
	}	
	.quality-materials h2 {
		font-size: 28px;
	}	
	.quality-materials .content__box {
		padding: 109px 376px 40px 40px;
	}
	.quality-materials .content__offer {
		margin-bottom: 12px;	
	}	
	.quality-materials .content__offer-img {
		width: 79px;
		height: 52px;
	}
    .quality-materials .content__offer-text {
        margin-bottom: 0;
    }	
	.quality-materials .content__desc {
		display: block;
	}
	.quality-materials .btn {
		font-size: 16px;
		width: 260px;
		height: 50px;
	}	
}