.section-raya {
	padding-bottom: 0;
}

.section-raya .card .card-modifier, .section-raya .banner-card-banner {
	background: linear-gradient(
		0deg,
		rgba(235, 236, 202, 1) 0%,
		rgba(246, 246, 234, 1) 50%,
		rgba(246, 246, 236, 1) 100%
	);
}

.section-raya .card .card-modifier {
	min-height: auto;
	padding: 30px;
}

/* @media only screen and (max-width: 734px) {
	.section-raya .card .card-modifier {
		max-height: 480px;
	}
} */

.section-raya .gallery {
	padding-bottom: 0;
}

.section-raya .gallery .item-container {
	display: block;
	margin-inline-start: auto;
	margin-inline-end: auto;
	width: 87.5vw;
	max-width: 1680px;
}

.section-raya .raya-card-content {
	display: flex;
	text-align: center;
	align-items: center;
	height: 520px;
}

@media only screen and (max-width: 734px) {
	.section-raya .raya-card-content {
		display: block;
	}
}

@media only screen and (max-width: 734px) {
	.section-raya .raya-card-content {
		height: 420px;
	}
}

.section-raya .raya-card-content a {
	text-decoration: none;
}

.section-raya .raya-card-text-container {
	width: 50%;
	z-index: 999;
}

@media only screen and (max-width: 734px) {
	.section-raya .raya-card-text-container {
		width: 100%;
		padding-block: 0px;
	}
}

.section-raya .raya-card-text-container .raya-card-header {
	padding-inline: 130px;
	color: #11470b;
}

@media only screen and (max-width: 1068px) {
	.section-raya .raya-card-text-container .raya-card-header {
		padding-inline: 0px;
	}
}

.section-raya .raya-card-link {
	display: block;
	margin-top: 0.8em;
}

.section-raya .raya-card-image {
	width: 100%;
	line-height: 0;
}

@media only screen and (max-width: 734px) {
	.section-raya .raya-card-image {
		width: 100%;
		margin-top: 30px;
	}
	.section-raya .raya-card-image img {
		width: 100%;
		position: relative;
		left: 10px;
		max-width: 294px;
	}
}

.section-raya .raya-katupat-image {
	position: absolute;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 734px) {
	.section-raya .raya-katupat-image {
		display: none;
	}
}

/* hover */
.raya-card {
	transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
	position: relative;
}

.raya-card:hover {
	transform: scale(1.0047619048);
}

@media only screen and (max-width: 1068px) {
	.raya-card:hover {
		transform: scale(1.0064171123);
	}
}

@media only screen and (max-width: 734px) {
	.raya-card:hover {
		transform: scale(1.0093312597);
	}
}

@media only screen and (min-width: 1441px) {
	.raya-card {
		--min-height: 640px;
		--max-height: 740px;
	}
}

.banner-card-active-area {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.raya-card:hover .banner-card-row .banner-card-ctas a .icon-copy {
	text-decoration: underline;
}

/*US code*/

.banner-card {
	--copy-column-v-padding: 56px;
	--copy-max-width: 100%;
	box-sizing: border-box;
	background: #f5f5f7;
	border-radius: var(--global-card-corner-radius);
	clip-path: inset(1px 1px 1px 1px round var(--global-card-corner-radius));
	position: relative;
	overflow: hidden;
	text-align: center;
	transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
}

@media only screen and (min-width: 1441px) {
	html.no-touch .banner-card-1-up:hover {
		transform: scale(1.0035714286);
	}
}

html.no-touch .banner-card-1-up:hover {
	transform: scale(1.0047619048);
}

@media only screen and (max-width: 1068px) {
	html.no-touch .banner-card-1-up:hover {
		transform: scale(1.0064171123);
	}
}

@media only screen and (max-width: 734px) {
	html.no-touch .banner-card-1-up:hover {
		transform: scale(1.0093312597);
	}
}

.section-raya .banner-card-headline {
	color: #11470b;
	max-width: var(--copy-max-width);
}

@media only screen and (min-width: 1069px) {
	.banner-card-1-up {
		text-align: center;
		height: auto;
	}
}

@media only screen and (min-width: 1069px) {
	.banner-card-1-up .banner-card-row {
		--h-padding: 6.25%;
		padding-inline-start: var(--h-padding);
	}
}

.banner-card-1-up .banner-card-row .banner-card-image-column, .banner-card-1-up .banner-card-row .banner-card-copy-column {
	width: 50%;
}
@media only screen and (max-width: 734px) {
	.banner-card-1-up .banner-card-row .banner-card-image-column, .banner-card-1-up .banner-card-row .banner-card-copy-column {
		width: 100%;
	}
}

.banner-card-1-up .banner-card-row .banner-card-copy-column {
	margin: 0;
}

@media only screen and (max-width: 734px) {
	.banner-card-1-up .banner-card-row .banner-card-copy-column {
		padding: 0;
	}
	.banner-card-1-up .banner-card-row .banner-card-image-column {
		padding: 0;
	}
}

.banner-card-1-up .banner-card-row {
	box-sizing: border-box;
	align-items: center;
	flex-direction: row;
}

@media only screen and (max-width: 734px) {
	.banner-card-1-up .banner-card-row {
		flex-direction: column;
	}
}

@media only screen and (min-width: 1069px) {
	.banner-card-1-up:not(.banner-card-text-alignment-center) .banner-card-copy, .banner-card-1-up:not(.banner-card-text-alignment-center) .banner-card-headline {
		margin-inline-start: 0;
	}
}

@media only screen and (min-width: 1069px) {
	.banner-card-1-up .banner-card-copy-column + .banner-card-image-column {
		margin-bottom: 0;
	}
}

.banner-card-text-row-placement-bottom .banner-card-copy-column {
	padding-top: 0;
	padding-bottom: var(--copy-column-v-padding);
}

.banner-card.has-ctas .banner-card-row {
	pointer-events: none;
	padding: 83px 42px 82px;
}
@media only screen and (max-width: 734px) {
	.banner-card.has-ctas .banner-card-row {
		padding: 35px 42px 34px;
	}
}

.banner-card.has-ctas .banner-card-ctas {
	pointer-events: all;
}

.banner-card-ctas {
	display: inline-flex;
	align-items: center;
	grid-gap: 33px;
	gap: 33px;
	margin-top: 31px;
}

@media only screen and (max-width: 734px) {
	.banner-card-ctas {
		margin-top: 10px;
		grid-gap: 27px;
		gap: 27px;
	}
}

.banner-card-ctas-stacked .banner-card-ctas {
	flex-direction: column;
	grid-gap: 18px;
	gap: 18px;
}

@media only screen and (max-width: 734px) {
	.banner-card-ctas-stacked .banner-card-ctas {
		grid-gap: 14px;
		gap: 14px;
	}
}

.section-raya .copy-center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 415px;
	flex-direction: column;
}

@media only screen and (max-width: 734px) {
	.section-raya .copy-center {
		height: auto;
	}
}

.banner-card-headline {
	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;
}

.banner-card-headline:lang(ja) {
	line-height: 1.21875;
	font-family:
		SF Pro JP,
		SF Pro Display,
		SF Pro Icons,
		Hiragino Kaku Gothic Pro,
		ใƒ’ใƒฉใ‚ฎใƒŽ่ง’ใ‚ด Pro W3,
		ใƒกใ‚คใƒชใ‚ช,
		Meiryo,
		๏ผญ๏ผณ ๏ผฐใ‚ดใ‚ทใƒƒใ‚ฏ,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.banner-card-headline:lang(ko) {
	line-height: 1.21875;
	font-family:
		SF Pro KR,
		SF Pro Display,
		SF Pro Icons,
		Apple Gothic,
		HY Gulim,
		MalgunGothic,
		HY Dotum,
		Lexi Gulim,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.banner-card-headline:lang(th) {
	line-height: 1.375;
	font-family:
		SF Pro TH,
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.banner-card-headline:lang(zh) {
	line-height: 1.21875;
}

.banner-card-headline:lang(ar) {
	font-family:
		SF Pro AR,
		SF Pro AR Display,
		SF Pro Display,
		SF Pro Gulf,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.banner-card-headline:lang(zh-CN) {
	font-family:
		SF Pro SC,
		SF Pro Display,
		SF Pro Icons,
		PingFang SC,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.banner-card-headline:lang(zh-HK) {
	font-family:
		SF Pro HK,
		SF Pro Display,
		SF Pro Icons,
		PingFang HK,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.banner-card-headline:lang(zh-MO) {
	font-family:
		SF Pro HK,
		SF Pro TC,
		SF Pro Display,
		SF Pro Icons,
		PingFang HK,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.banner-card-headline:lang(zh-TW) {
	font-family:
		SF Pro TC,
		SF Pro Display,
		SF Pro Icons,
		PingFang TC,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

@media only screen and (max-width: 1068px) {
	.banner-card-headline {
		font-size: 24px;
		line-height: 1.1666666667;
		font-weight: 600;
		letter-spacing: 0.009em;
		font-family:
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(ja) {
		line-height: 1.25;
		font-family:
			SF Pro JP,
			SF Pro Display,
			SF Pro Icons,
			Hiragino Kaku Gothic Pro,
			ใƒ’ใƒฉใ‚ฎใƒŽ่ง’ใ‚ด Pro W3,
			ใƒกใ‚คใƒชใ‚ช,
			Meiryo,
			๏ผญ๏ผณ ๏ผฐใ‚ดใ‚ทใƒƒใ‚ฏ,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(ko) {
		line-height: 1.2916666667;
		font-family:
			SF Pro KR,
			SF Pro Display,
			SF Pro Icons,
			Apple Gothic,
			HY Gulim,
			MalgunGothic,
			HY Dotum,
			Lexi Gulim,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(th) {
		line-height: 1.375;
		font-family:
			SF Pro TH,
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh) {
		line-height: 1.2916666667;
	}

	.banner-card-headline:lang(ar) {
		font-family:
			SF Pro AR,
			SF Pro AR Display,
			SF Pro Display,
			SF Pro Gulf,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh-CN) {
		font-family:
			SF Pro SC,
			SF Pro Display,
			SF Pro Icons,
			PingFang SC,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh-HK) {
		font-family:
			SF Pro HK,
			SF Pro Display,
			SF Pro Icons,
			PingFang HK,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh-MO) {
		font-family:
			SF Pro HK,
			SF Pro TC,
			SF Pro Display,
			SF Pro Icons,
			PingFang HK,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh-TW) {
		font-family:
			SF Pro TC,
			SF Pro Display,
			SF Pro Icons,
			PingFang TC,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.banner-card-headline {
		font-size: 21px;
		line-height: 1.1904761905;
		font-weight: 600;
		letter-spacing: 0.011em;
		font-family:
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(ja) {
		line-height: 1.2380952381;
		font-family:
			SF Pro JP,
			SF Pro Display,
			SF Pro Icons,
			Hiragino Kaku Gothic Pro,
			ใƒ’ใƒฉใ‚ฎใƒŽ่ง’ใ‚ด Pro W3,
			ใƒกใ‚คใƒชใ‚ช,
			Meiryo,
			๏ผญ๏ผณ ๏ผฐใ‚ดใ‚ทใƒƒใ‚ฏ,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(ko) {
		line-height: 1.2858042857;
		font-family:
			SF Pro KR,
			SF Pro Display,
			SF Pro Icons,
			Apple Gothic,
			HY Gulim,
			MalgunGothic,
			HY Dotum,
			Lexi Gulim,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(th) {
		line-height: 1.381002381;
		font-family:
			SF Pro TH,
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh) {
		line-height: 1.3334033333;
	}

	.banner-card-headline:lang(ar) {
		font-family:
			SF Pro AR,
			SF Pro AR Display,
			SF Pro Display,
			SF Pro Gulf,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh-CN) {
		font-family:
			SF Pro SC,
			SF Pro Display,
			SF Pro Icons,
			PingFang SC,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh-HK) {
		font-family:
			SF Pro HK,
			SF Pro Display,
			SF Pro Icons,
			PingFang HK,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh-MO) {
		font-family:
			SF Pro HK,
			SF Pro TC,
			SF Pro Display,
			SF Pro Icons,
			PingFang HK,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.banner-card-headline:lang(zh-TW) {
		font-family:
			SF Pro TC,
			SF Pro Display,
			SF Pro Icons,
			PingFang TC,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
}

.banner-card {
	--copy-column-v-padding: 56px;
	--copy-max-width: 100%;
	box-sizing: border-box;
	background: #f5f5f7;
	border-radius: var(--global-card-corner-radius);
	clip-path: inset(1px 1px 1px 1px round var(--global-card-corner-radius));
	position: relative;
	overflow: hidden;
	text-align: center;
	transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
}

@media only screen and (min-width: 1441px) {
	html.no-touch .banner-card-1-up:hover {
		transform: scale(1.0035714286);
	}
}

html.no-touch .banner-card-1-up:hover {
	transform: scale(1.0047619048);
}

@media only screen and (max-width: 1068px) {
	html.no-touch .banner-card-1-up:hover {
		transform: scale(1.0064171123);
	}
}

@media only screen and (max-width: 734px) {
	html.no-touch .banner-card-1-up:hover {
		transform: scale(1.0093312597);
	}
}

@media only screen and (min-width: 1441px) {
	html.no-touch .banner-card-2-up:hover {
		transform: scale(1.0072289157);
	}
}

html.no-touch .banner-card-2-up:hover {
	transform: scale(1.0096774194);
}

@media only screen and (max-width: 1068px) {
	html.no-touch .banner-card-2-up:hover {
		transform: scale(1.0131147541);
	}
}

@media only screen and (max-width: 734px) {
	html.no-touch .banner-card-2-up:hover {
		transform: scale(1.0192616372);
	}
}

@media only screen and (max-width: 734px) {
	.banner-card {
		--copy-column-v-padding: 48px;
	}
}

.banner-card.theme-dark, .theme-dark .banner-card {
	background: #242426;
	color: #f5f5f7;
}

.banner-card .banner-card-row {
	--h-padding: 32px;
	--copy-column-v-margin: 328px;
}

@media only screen and (min-width: 1441px) {
	.banner-card .banner-card-row {
		--copy-column-v-margin: 393px;
	}
}

@media only screen and (max-width: 1068px) {
	.banner-card .banner-card-row {
		--h-padding: 28px;
		--copy-column-v-margin: 347px;
	}
}

@media only screen and (max-width: 734px) {
	.banner-card .banner-card-row {
		--h-padding: 24px;
		--copy-column-v-margin: 258px;
	}
}

.banner-card .banner-card-copy-column {
	padding: var(--copy-column-v-padding) var(--h-padding) 0;
	z-index: 1;
}

.banner-card.banner-card-text-row-placement-bottom .banner-card-image-column {
	margin-bottom: var(--copy-column-v-margin);
}

.banner-card.banner-card-text-row-placement-bottom .banner-card-image-column .banner-card-image {
	margin-top: auto;
}

.banner-card.banner-card-image-type-inline.banner-card-text-row-placement-bottom .banner-card-image-column .banner-card-image {
	margin-bottom: calc(var(--copy-column-v-margin) * -1);
}

.banner-card.banner-card-image-type-inline.banner-card-text-row-placement-top .banner-card-image-column .banner-card-image {
	margin-top: calc(var(--copy-column-v-margin) * -1);
}

@media only screen and (min-width: 1069px) {
	.banner-card.banner-card-1-up.banner-card-image-type-inline .banner-card-image-column .banner-card-image {
		margin: 0 auto;
	}
}

.banner-card .banner-card-badge {
	display: block;
	margin-bottom: 8px;
}

.banner-card .banner-card-copy, .banner-card .banner-card-headline {
	max-width: var(--copy-max-width);
	margin-left: auto;
	margin-right: auto;
}

.banner-card .banner-card-copy {
	margin-top: 1.1em;
}

@media only screen and (min-width: 1441px) {
	.banner-card .banner-card-copy {
		margin-top: 0.8em;
	}
}

@media only screen and (max-width: 1068px) {
	.banner-card .banner-card-copy {
		margin-top: 0.7em;
	}
}

@media only screen and (max-width: 734px) {
	.banner-card .banner-card-copy {
		margin-top: 0.8em;
	}
}

@media only screen and (max-width: 734px) {
	.banner-card .banner-card-image-column {
		padding: 0 var(--h-padding);
	}
}

@media only screen and (min-width: 1069px) {
	.banner-card-1-up {
		text-align: left;
	}
}

@media only screen and (min-width: 1069px) {
	.banner-card-1-up .banner-card-row {
		--h-padding: 6.25%;
		padding-inline-start: var(--h-padding);
	}
}

@media only screen and (min-width: 1069px) {
	.banner-card-1-up .banner-card-row .banner-card-copy-column {
		padding: var(--copy-column-v-padding) 0;
		margin: 0;
	}
}

@media only screen and (min-width: 1069px) {
	.banner-card-1-up:not(.banner-card-text-alignment-center) .banner-card-copy, .banner-card-1-up:not(.banner-card-text-alignment-center) .banner-card-headline {
		margin-inline-start: 0;
	}
}

@media only screen and (min-width: 1069px) {
	.banner-card-1-up .banner-card-copy-column + .banner-card-image-column {
		margin-bottom: 0;
	}
}

.banner-card-text-row-placement-bottom .banner-card-copy-column {
	padding-top: 0;
	padding-bottom: var(--copy-column-v-padding);
}

@media only screen and (min-width: 1069px) {
	.banner-card-text-alignment-center {
		text-align: center;
	}
}