/* section-logo-group  */
.section-logo-group .typography-section-heading {
	margin-top: 21px;
	margin-bottom: 68px;
}

/* Banks and cards */

.typography-headline-reduced {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 600;
	letter-spacing: 0em;
	font-family:
		"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

.page-overview .logos {
	margin-top: 25px;
	margin-bottom: -70px;
}

@media only screen and (max-width: 1068px) {
	.typography-headline-reduced {
		font-size: 32px;
		line-height: 1.125;
		font-weight: 600;
		letter-spacing: 0.004em;
		font-family:
			"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}
}

@media only screen and (max-width: 735px) {
	.typography-headline-reduced {
		font-size: 27px;
		line-height: 1.14815;
		font-weight: 600;
		letter-spacing: 0.008em;
		font-family:
			"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}
}

.typography-headline-elevated {
	font-size: 68px;
	line-height: 1.0593;
	font-weight: 600;
	letter-spacing: -0.01em;
	font-family:
		"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
	.typography-headline-elevated {
		font-size: 56px;
		line-height: 1.07143;
		font-weight: 600;
		letter-spacing: -0.005em;
		font-family:
			"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}
}

@media only screen and (max-width: 735px) {
	.typography-headline-elevated {
		font-size: 40px;
		line-height: 1.1;
		font-weight: 600;
		letter-spacing: 0em;
		font-family:
			"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}
}

.page-overview .section-logo-group .section-content.banks {
	padding-top: 150px;
	padding-bottom: 40px;
}

@media only screen and (max-width: 1068px) {
	.page-overview .section-logo-group .section-content.banks {
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 734px) {
	.page-overview .section-logo-group .section-content.banks {
		padding-top: 102px;
	}
}

.page-overview .section-logo-group .section-content {
	padding-bottom: 70px;
}

@media only screen and (max-width: 1068px) {
	.page-overview .section-logo-group .section-content {
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 734px) {
	.page-overview .section-logo-group .section-content {
		padding-bottom: 20px;
	}
}

.section-block:last-child, .section-block.section-block--last {
	padding-bottom: 125px;
}

@media only screen and (min-width: 1442px) {
	.section-block:last-child, .section-block.section-block--last {
		padding-bottom: 125px;
	}
}

.page-overview .section-logo-group .logo-image.logo-hong-leong {
	width: 165px;
	height: 95px;
	background-size: 165px 95px;
}

@media only screen and (max-width: 1068px) {
	.page-overview .section-logo-group .logo-image.logo-hong-leong {
		width: 129px;
		height: 77px;
		background-size: 129px 77px;
	}
}

.page-overview .section-logo-group .logo-image {
	width: 165px;
	height: 95px;
	background-size: 165px 95px;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1068px) {
	.page-overview .section-logo-group .logo-image {
		width: 134px;
		height: 77px;
		background-size: 134px 77px;
		background-repeat: no-repeat;
	}
}

.page-overview .logo-image {
	margin: 22px auto;
	text-indent: -9999px;
}

.gray-background {
	background-color: #fafafa;
}

.page-overview .divider-top {
	border-top: 1px solid #d6d6d6;
}

.section-logo-group .logos {
	text-align: center;
}
.section-logo-group .typography-family-violator {
	font-size: 12px;
	line-height: 2.08337;
	font-weight: 600;
	letter-spacing: -0.011em;
	font-family:
		"SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial",
		sans-serif;
}

.section-logo-group .violator-frameless {
	box-sizing: border-box;
	white-space: nowrap;
	display: block;
	color: #000;
	margin-top: -22px;
}

.section-logo-group .violator-frameless-above {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -22px;
	min-height: 25px;
	text-align: left;
	width: 165px;
}

.section-logo-group .violator-frameless-above + .logo-image {
	margin-top: 0;
}

@media only screen and (max-width: 1068px) {
	.section-logo-group .violator-frameless-above {
		margin-bottom: -16px;
		width: 134px;
	}
}

@media only screen and (max-width: 734px) {
	.section-logo-group .violator-frameless-above {
		margin-bottom: -16px;
	}
}

/* Router */

.section-routers .router {
	width: 70%;
}

@media only screen and (max-width: 1068px) {
	.section-routers .router {
		width: 80%;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router {
		width: 100%;
	}
}

@media only screen and (min-width: 735px) {
	.section-routers .section-content .router.wallet {
		margin: 0 auto;
	}

	.section-routers .section-content .front-face {
		display: flex;
		align-items: center;
		padding-bottom: 0;
		padding-top: 0;
	}

	.section-routers .section-content .front-face .left {
		height: 100%;
		width: 60%;
		margin: 0 auto;
		padding-top: 50px;
	}

	.section-routers .section-content .front-face .right {
		height: 100%;
		width: 40%;
		padding-top: 100px;
	}

	.section-routers .wallet .overview-routers-wallet {
		display: block;
		width: var(--p-width);
		height: var(--p-height);
		--p-width: 180px;
		--p-height: 180px;
		position: static;
		left: unset;
		margin-left: 0;
		bottom: unset;
	}
}

/*Wallet Tile*/
@media only screen and (max-width: 734px) {
	#overview-routers-wallet-1 {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -64.5px;
		bottom: 6px;
	}
}