#mortgage {
	padding-top: 80px;
}

.page-mortgage__row {
	margin-bottom: 160px;
}

.page-mortgage__bank-logo {
	height: 40px;
}

.page-mortgage__bank-block {
	position: relative;
	padding: 32px;
}

.mortgage__bank-param-block {
	flex-wrap: wrap;
}

.mortgage__bank-param-mil {
	line-height: 15px;
}

.mortgage__bank-param-val {
	margin: 0 6px;
	font-weight: 700;
	font-size: 56px;
	line-height: 52px;
}

.mortgage__bank-param-grp:not(:last-child) {
	margin-right: 48px;
}

.mortgage__bank-param-val-grp {
	padding-top: 6px;
	margin-bottom: 14px;
}

.mortgage__bank-param-val-pre {
	align-self: flex-end;
}

.mortgage__bank-param-val-after {
	align-self: flex-start;
}

.mortgage__logo-grp {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}

.mortgage__logo-grp > div {
	height: 36px;
}

.mortgage__logo-grp > div img {
	max-width: 100%;
	height: 100%;
	object-fit: contain;
}

.page-mortgage__calculator {
	border-radius: var(--border-radius-l);
	background: var(--ui-white);
	overflow: hidden;
	padding: 16px;
}

#calculator::before {
	content: '';
	display: block;
	position: relative;
	margin-top: -8rem;
	height: 8rem;
}

@media (max-width: 1199px) {
	.page-mortgage__row {
		margin-bottom: 112px;
	}
   
	.page-mortgage__bank-link {
		position: absolute;            
		top: 46px;
		right: 32px;
	}
}

@media (max-width: 767px) {
	#mortgage {
		padding-top: 56px;
	}

	.page-mortgage__row {
		margin-bottom: 96px;
	}

	.page-mortgage__bank-block {
		padding: 24px 16px;
	}

	.mortgage__bank-param-block {
		width: 100%;
	}

	.mortgage__bank-param-grp {
		width: calc((100% - 16px)/2);
		min-width: 146px;
	}

	.mortgage__bank-param-grp:first-child,
	.mortgage__bank-param-grp:nth-child(2) {
		margin-bottom: 24px;
	}

	.mortgage__bank-param-grp:not(:last-child) {
		margin-right: 0;
	}

	.mortgage__bank-param-grp:nth-child(2n + 1) {
		margin-right: 16px;
	}

	.mortgage__bank-param-grp .mortgage__bank-param-name {
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		color: var(--text-secondary);
	}

	.page-mortgage__bank-link {
		position: static;
	}

	.mortgage__logo-grp {
		width: 100%;
	}

	.mortgage__logo-grp {
		gap: 16px;
	}

	.mortgage__logo-grp > div {
		width: calc((100% - 16px) / 2);
	}
}