/* start --------------------------------------- payment-after --------------------------------------- */
.payment-after {
	background-image: url('../../assets/img/payment-after-mobile.jpg');
	padding: 35px 0 49px;
}
.payment-after h2 {
	font-size: 26px;
    text-align: center;
}
.payment-after h2 span:last-child {
	color: var(--zheltyy-500-osnovnoy);
}
.payment-after .content__box {
	margin-bottom: 34px;
}
.payment-after .text {
	font-family: var(--second-family);
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 15px;
}
.payment-after .text:last-child {
	margin-bottom: 0;
}
.payment-after .icon__box {
    text-align: center;
	margin-bottom: 30px;
}
.payment-after .icon__item {
	margin-bottom: 34px;
}
.payment-after .item__img {
	position: relative;
	margin-bottom: 10px;
}
.payment-after .item__img:before {
	content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    padding: 2px 12px;
    width: 35px;
    height: 35px;
    color: var(--white);
    background: var( --krasnyy-500-osnovnoy);
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    font-family: var(--second-family);
	position: absolute;
    right: 0;
    transform: translate(50%, -50%);	
}
.payment-after .icon__item:nth-child(1) .item__img:before {
	content: '1';	
}
.payment-after .icon__item:nth-child(2) .item__img:before {
	content: '2';	
}
.payment-after .icon__item:nth-child(3) .item__img:before {
	content: '3';	
}
.payment-after .item__title {
	font-family: var(--second-family);
	font-size: 20px;
	line-height: 1;
	color: var(--zheltyy-500-osnovnoy);
	margin-bottom: 0;
}
.payment-after .sub-title {
	font-size: 16px;
	color: var(--white);
}
.payment-after .btn {
	width: 260px;
    font-size: 16px;
	height: 50px;
}
@media (max-width: 767px) {
	.page-otdelka-balkonov .payment-after,
	.page-kalkulyator-okon .payment-after,
	.page-czeny-na-osteklenie .payment-after,
	.page-okna-rehau .payment-after,
	.page-okna-kbe .payment-after {
		margin-bottom: 0;
	}
	.payment-after h2 span:first-child {
		display: block;
	}
}
@media (min-width: 768px) {
	.payment-after {
		padding: 0;
	}	
	.payment-after .content {
		background-image: url('../../assets/img/payment-after-tablet.jpg');
		padding: 50px 30px;
	}	
	.payment-after h2 {
		font-size: 26px;
		text-align: center;
		color: var(--white);
		font-size: 38px;
	}
	.payment-after .text {
		margin-bottom: 20px;
	}	
	.payment-after .text:last-child {
		font-size: 24px;
	}
	.payment-after .content__box {
		margin-bottom: 41px;
	}	
	.payment-after .icon__list {
		display: flex;
		justify-content: space-between;
	}
	.payment-after .item__img {
		margin-bottom: 14px;
	}
	.payment-after .icon__item {
		text-align: left;
		margin-bottom: 0;
		min-width: 190px;
	}	
	.payment-after .icon__item:not(:last-child) .item__img:after {
		text-align: left;
		width: 62px;
		height: 16px;
		position: absolute;
		top: calc(50% - 8px);
		right: -99px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='62' height='16' viewBox='0 0 62 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 7C0.447715 7 -4.82823e-08 7.44772 0 8C4.82823e-08 8.55228 0.447715 9 1 9L1 7ZM61.7071 8.7071C62.0976 8.31658 62.0976 7.68341 61.7071 7.29289L55.3432 0.928927C54.9526 0.538403 54.3195 0.538403 53.9289 0.928928C53.5384 1.31945 53.5384 1.95262 53.9289 2.34314L59.5858 7.99999L53.9289 13.6568C53.5384 14.0474 53.5384 14.6805 53.9289 15.0711C54.3195 15.4616 54.9526 15.4616 55.3432 15.0711L61.7071 8.7071ZM1 9L61 8.99999L61 6.99999L1 7L1 9Z' fill='white' /%3e%3c/svg%3e");		
	}	
	.payment-after .btn {
		font-size: 18px;
		height: 55px;
		width: 340px;
	}
}
@media (min-width: 1024px) {
	.payment-after .content {
		background-image: url('../../assets/img/payment-after-desctop.jpg');
		padding: 40px;
	}
	.payment-after .content__inner {
		width: 682px;
	}
	.payment-after h2 {
		font-size: 40px;
		letter-spacing: 0.01em;
		text-align: left;
		line-height: 1.1;
		margin-bottom: 30px;
	}
	.payment-after h2 span:last-child {
		display: block;
	}	
	.payment-after .text {
		margin-bottom: 30px;
		text-align: left;
	}
	.payment-after .content__box {
		margin-bottom: 47px;
	}
	.payment-after .icon__list {
		display: flex;
		gap: 30px;
		justify-content: unset;
	}	
	.payment-after .content__box.not-prepay {
		width: 600px;
	}	
	.payment-after .icon__box {
		margin-bottom: 38px;
	}	
	.payment-after .icon__item:not(:last-child) .item__img:after {
		width: 72px;
		right: -104px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='72' height='16' viewBox='0 0 88 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 7C0.447715 7 -4.82823e-08 7.44772 0 8C4.82823e-08 8.55228 0.447715 9 1 9L1 7ZM87.7071 8.7071C88.0976 8.31657 88.0976 7.68341 87.7071 7.29289L81.3431 0.928925C80.9526 0.538401 80.3195 0.538401 79.9289 0.928925C79.5384 1.31945 79.5384 1.95261 79.9289 2.34314L85.5858 7.99999L79.9289 13.6568C79.5384 14.0474 79.5384 14.6805 79.9289 15.0711C80.3195 15.4616 80.9526 15.4616 81.3431 15.0711L87.7071 8.7071ZM1 9L87 8.99999L87 6.99999L1 7L1 9Z' fill='white' /%3e%3c/svg%3e");
	}
	.payment-after .sub-title {
		font-size: 18px;
	}	
	.payment-after .btn {
		width: 280px;
		height: 56px;
		font-size: 16px;
		margin: 0;
	}
}
/* end ----------------------------------------- payment-after --------------------------------------- */