.predoplata-banner-section {}
.predoplata-banner {
	background: var(--color-red);
	padding: 80px 80px 80px 80px;
	border-radius: 16px;
	position: relative;
}
.predoplata-banner::before {
	content: '20%';
	font-size: 250px;
	line-height: 250px;
	font-weight: 600;
	letter-spacing: -10px;
	color: rgba(var(--color-white-rgb), .1);
	position: absolute;
	left: calc(50% - 40px);
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.predoplata-banner__img {
	display: block;
	width: 372px;
	height: 503px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url('../../images/predoplata-banner/window.webp');
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(calc(-50% + 25px));
	z-index: 15;
}
.predoplata-banner__img[data-content]::after {
	content: attr(data-content);
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: var(--color-black);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 60px;
	background: var(--color-white);
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(227, 228, 229, 1) 100%);
	border-radius: 10px;
	padding: 0px 0px 2px 0px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-40%, calc(-50% - 30px));
	box-shadow: 0 0 30px 0 rgba(var(--color-black-rgb), .1);
	z-index: 20;
}
.predoplata-banner__content {
	width: calc(100% - 480px);
	max-width: 750px;
	position: relative;
	z-index: 30;
}
.predoplata-banner__content-title {
	color: var(--color-white);
}
.predoplata-banner__content-description {
	font-size: 18px;
	line-height: 26px;
	color: var(--color-white);
	margin-top: calc(15px - 3px);
}
.btn.predoplata-banner__content-btn {
	margin-top: 26px;
	padding: 14px 24px 15px 24px;
}
@media (max-width: 1240px) {
	.predoplata-banner {
		padding: 60px 60px 270px;
	}
	.predoplata-banner::before {
		content: none;
	}
	.predoplata-banner__img {
		width: 300px;
		height: 406px;
		background-image: url('../../images/predoplata-banner/window-medium.webp');
		top: 100%;
		transform: translateY(calc(-86% + 25px));
	}
	.predoplata-banner__img[data-content]::after {
		font-size: 16px;
		line-height: 22px;
		width: 220px;
		height: 46px;
		transform: translate(-45%, calc(-50% - 25px));
	}
	.predoplata-banner__content {
		width: 100%;
		max-width: 100%;
	}
}
@media (max-width: 768px) {
	.predoplata-banner {
		padding: 50px 50px 350px;
	}
	.predoplata-banner__img {
		transform: translateY(calc(-90% + 25px));
	}
	.predoplata-banner__content-description {
		font-size: 16px;
		line-height: 24px;
	}
}
@media (max-width: 549px) {
	.predoplata-banner {
		width: calc(100% + (25px * 2));
		margin-left: -25px;
		margin-right: -25px;
		padding: 40px 25px 240px 25px;
		border-radius: 0px;
	}
	.predoplata-banner__img {
		width: 200px;
		height: 270px;
		background-image: url('../../images/predoplata-banner/window-small.webp');
	}
	.predoplata-banner__img[data-content]::after {
		font-size: 14px;
		line-height: 20px;
		width: 190px;
		height: 40px;
		transform: translate(-25%, calc(-50% - 55px));
	}
	.btn.predoplata-banner__content-btn {
		margin-top: 25px;
	}
}