@font-face {
	font-family: 'Samsung One';
	src: url('/fonts/samsungone/SamsungOne-400.ttf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Samsung One';
	src: url('/fonts/samsungone/SamsungOne-700.ttf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

/* @font-face {
	font-family: 'Samsung One';
	src: url('/fonts/samsungone/SamsungSharpSans-Bold.ttf') format('opentype');
	font-weight: 700;
	font-style: normal;
} */

@font-face {
	font-family: 'Samsung Sharp Sans';
	src: url('/fonts/samsung-sharp-sans/samsungsharpsans.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Samsung Sharp Sans';
	src: url('/fonts/samsung-sharp-sans/samsungsharpsans-medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Samsung Sharp Sans';
	src: url('/fonts/samsung-sharp-sans/samsungsharpsans-bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

/* DEBUG helper */
* {
	/* outline: 1px solid red; */
	box-sizing: border-box;
}

html,
body {
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	font-family: 'Samsung Sharp Sans', sans-serif !important;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: rgba(38, 38, 38, 1);
}

.app-wrapper {
	max-width: 1280px;
	margin-block-start: 164px;
	margin-inline: auto;
	height: auto;
	overflow: visible;
	/* padding-bottom: 150px; */
	/* ensure space for scrolled content */
}

.full-width-breakout {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
}

.custom-navbar-bg {
	background-color: rgba(251, 251, 252, 1);
	border: 1px solid rgba(211, 211, 212, 1);
	height: 84px;
}

.cx-title-margin {
	/* margin-block-start: 142px; */
	margin-block-end: 75px;
	max-width: 900px;
}

.cx-margin-footer,
.cx-nav-margin {
	margin-inline: 104px;
}

.cx-promo-bg {
	background-color: rgba(247, 247, 247, 1);
	border-radius: 16px;
}

/* Only for #faq section */
#faq.cx-promo-bg {
	background: linear-gradient(to bottom,
			rgba(247, 247, 247, 1) 0px,
			rgba(247, 247, 247, 1) 850px,
			transparent 721px);
	position: relative;
	z-index: 1;
}

#faq {
	transform: translateY(-130px);
	padding-top: 224px;
	position: relative;
	z-index: 1;
	/* margin-bottom: 130px; */
}

.qr-gp .bx-shadow::after {
	box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.57) !important;
}

[id] {
	scroll-margin-top: 100px;
	/* navbar height */
}

#accordionFlushExample {
	background-color: rgba(247, 247, 247, 1);
	padding-inline: 218px;
	padding-bottom: 120px;
}

.accordion-item {
	max-width: 1280px;
	margin: auto;
	background-color: rgba(247, 247, 247, 1);
}

.cx-promo1 {
	position: relative;
	bottom: 14px;
}

.cx-promo1 img {
	width: 814px;
	height: 406px;
}

.fs-1-cx {
	font-size: 55px;
	line-height: 66px;
}

.fs-2-cx {
	font-size: 42px;
	line-height: 50px;
}

.fs-3-cx {
	font-size: 18px;
	line-height: 30px;
	font-family: 'Samsung One';
}

.fs-5-cx {
	font-family: 'Samsung One';
}

.fs-6-cx {
	font-size: 18px;
	line-height: 30px;
	font-family: 'Samsung One';
}

.fs-7-cx {
	font-size: 16px;
	line-height: 30px;
	font-family: 'Samsung One';
}

#paragraph_end, .footer-container {
	font-family: 'Samsung One';
}

.mb-5-cx {
	margin-bottom: 15px;
}

.lang-btn {
	color: #B2B2B2;
	text-decoration: none;
	font-weight: 500;
}

.lang-btn.active {
	color: rgba(38, 38, 38, 1);
	font-weight: 700;
}

@keyframes floatRandom {
	0% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(var(--x, 0px), var(--y, 0px));
	}

	100% {
		transform: translate(0, 0);
	}
}

.payments {
	position: absolute;
	inset: 0;
	width: 100%;
	aspect-ratio: 499 / 560;
	pointer-events: none;
	z-index: 2;
	left: 4%;
}

.payments img {
	position: absolute;
	width: 75px;
	height: auto;
	animation: floatRandom 4s ease-in-out infinite alternate;
	will-change: transform;
}

.accordion-item button,
.accordion-item .accordion-body,
.accordion-button:not(.collapsed),
.accordion-button:focus {
	background-color: rgba(247, 247, 247, 1);
	color: rgba(0, 0, 0, 1);
	box-shadow: none;
}

.copyright p {
	color: rgba(132, 132, 132, 1);
	letter-spacing: 0.38px;
}

.fw-medium {
	color: rgba(127, 127, 127, 1);
}

#paragraph_end,
.accordion-body,
.authorName,
.bookTitle {
	color: rgba(0, 0, 0, 1)
}

.card-container {
	margin-block-end: 36px;
	/* overflow: hidden; */
}

.card-container .book-img {
	width: 200px;
	height: 300px;
	object-fit: cover;
	display: block;
}

.card-container .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 200px;
	height: 300px;
	background-color: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.card-container:hover .overlay {
	opacity: 1;
}

.card-container .overlay button {
	display: none;
}

.card-container:hover .overlay button {
	display: inline-block;
}

.btn-read-more {
	width: 113px;
	height: 44px;
	font-weight: 700;
	color: rgba(38, 38, 38, 1);
	font-size: 14px;
	border-radius: 30px;
	background-color: rgba(247, 247, 247, 1);
	border: none;
	outline: none;
}

.bx-shadow {
	position: relative;
	z-index: 1;
}

.bx-shadow::after {
	content: '';
	position: absolute;
	top: 1.5%;
	/* 3% total shrink = 1.5% on top & bottom */
	left: 1.5%;
	/* same for left & right */
	width: 97%;
	height: 97%;
	border-radius: 16px;
	box-shadow: 9px 17px 30px -8px rgba(0, 0, 0, 0.57);
	z-index: -1;
	pointer-events: none;
}

#carousel-2 .bx-shadow::after {
	content: '';
	position: absolute;
	top: 9.5%;
	left: 5.5%;
	width: 93%;
	height: 93%;
	border-radius: 16px;
	box-shadow: 9px 17px 30px -8px rgba(0, 0, 0, 0.57);
	z-index: -1;
	pointer-events: none;
}

/* .splide__pagination { visibility: hidden } */

.phone-mt {
	margin-block-start: 24px;
}

.get-it-on,
#language2 {
	display: none;
}

#p1c1,
#p2b1,
#p2b2 {
	padding: 64px 64px 0px 64px;
}

#ps,
#splide02 {
	margin-top: 100px;
}

.fs-footer {
	font-size: 16px;
}

.es-mt {
	/* margin-top: 280px; */
}

.reveal-from-bottom {
	visibility: hidden;
	will-change: transform, opacity;
}

a {
	color: inherit;
	text-decoration: none;
}

/* === Responsive === */
@media (max-width: 640px) {

	.card-container .book-img,
	.card-container .overlay {
		width: 172px;
		height: 260px;
	}
}

@media (max-width: 500px) {

	#ps,
	#splide02 {
		margin-top: 80px;
	}

	.fs-footer {
		font-size: 14px;
	}

	.get-it-on {
		display: none;
	}

	/* #language {
		display: none !important;
	} */

	#p1c1,
	#p2b1,
	#p2b2 {
		padding-top: 40px;
		padding-inline: 24px;
		text-align: center;
		padding-bottom: 0;
	}

	#faq {
		/* margin-bottom: 72px; */
		min-height: 770px;
	}

	.es-mt {
		/* margin-top: 170px; */
	}

	.fs-1-cx {
		font-size: 37px;
		line-height: 48px;
	}

	.fs-2-cx {
		font-size: 32px;
		line-height: 42px;
	}

	.fs-3-cx {
		font-size: 14px;
		line-height: 20px;
	}

	.fs-6-cx {
		font-size: 16px;
		line-height: 22px;
	}

	.fs-7-cx {
		font-size: 14px;
		line-height: 20px;
	}
}

@media (min-width: 1200px) {

	#promo2>div:nth-child(1),
	#promo2>div:nth-child(2) {
		max-width: 30%;
	}
}

@media (max-width: 1270px) {

	#promo1,
	#promo2 {
		max-width: 627px !important;
	}

	#p1c1 {
		max-width: 100% !important;
	}

	.cx-promo1 img {
		width: inherit;
		height: inherit;
	}

	.cx-promo1 {
		bottom: 0;
	}
}

@media (max-width: 1000px) {
	#accordionFlushExample {
		background-color: rgba(247, 247, 247, 1);
		padding-inline: 24px;
	}
}

@media (max-width: 480px) {
	.payments img {
		width: 20%;
	}
}