.materials__inner{position: relative; height: 538px}
.materials__title{margin-bottom: 15px}
.materials .bg{left: auto; right: 0; width: 931px}
.materials__inline{display: flex; justify-content: space-between; align-items: flex-start}
.materials__list{flex: 0 1 585px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-right: 20px}
.materials__item{position: relative; overflow: hidden; display: block; width: 49%; height: 148px; margin-bottom: 12px; border-radius: 12px}
.materials__img{position: relative; z-index: 2; width: 100%; height: 100%}
.materials__img img{width: 100%; height: 100%; object-fit: cover}
.materials__type{position: absolute; top: 12px; left: 0; z-index: 3; display: inline-flex; align-items: center; justify-content: center; min-height: 26px; padding: 3px 13px; background-color: #FFD200; font-size: 14px; font-weight: 500; line-height: 1; text-transform: uppercase}
.materials .wrapper__forms-block{flex: 0 1 470px; margin-top: 40px}
.materials .wrapper__forms-block__in{padding: 43px 55px 50px}
.materials .forms-block__title{font-size: 16px; font-weight: 500}
.materials .forms-block__title span{display: block; font-size: 20px; font-weight: 800; margin-bottom: 2px}
@media screen and (max-width: 1139px){
	.materials .wrapper__forms-block__in{padding: 25px}
}
@media screen and (max-width: 991px){
	.materials .bg{display: none}
	.materials__inner{height: auto}
	.materials__inline{justify-content: center; flex-wrap: wrap}
	.materials   .wrapper__forms-block{   background-color: #FFD200;    margin-top: 25px}
	.materials__list{margin-right: 0}
	.materials__title{margin-bottom: 25px}
}
@media screen and (max-width: 575px) {
	.materials__type{font-size: 12px}
	.materials .wrapper__forms-block__in{padding: 25px 15px}
}
@media screen and (max-width: 419px){
	.materials__item{height: 120px; border-radius: 8px}
}