.space_30 {
	height: 30px;
}

.homecard-page .title {
	z-index: 1;
	width: 100%;
	border-top: 1px solid #E7E7E7;
	margin-bottom: 10px;
}

.homecard-page .title .body-container {
	margin: auto;
	text-align: center;
}

.homecard-page .title h1 {
	font-family: 'Prompt';
	font-size: 42px;
	font-weight: 600;
	color: #0867B2;
	padding: 18px;
	letter-spacing: -1px;
}

.homecard-page .homecard-button-wrapper {
	text-align: center;
	margin-top: 60px;
}

.homecard-page .homecard-button-wrapper .wrapper {
	width: 330px;
	margin: auto;
	margin-top: 60px;
	text-align: center;
}

.homecard-page .homecard-button-wrapper .ga-apply {
	width: 300px;
	background-color: #0867B2;
	font-size: 16px;
	letter-spacing: 1px;
}

.homecard-page .homecard-button-wrapper .ga-link {
	width: 300px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
}

.homecard-page .homecard-button-wrapper .signin-btn {
	width: 300px;
	background-color: #0867B2;
	font-size: 16px;
	letter-spacing: 1px;
}

@media only screen and (max-width: 600px) {
	body {
		background-color: #FFFFFF !important;
		font-family: 'Prompt';
	}
	.accordion-header {
		color: #333333;
		font-size: 18px;
		font-weight: 600;
		line-height: 18px;
		letter-spacing: -0.6px;
	}
	.title {
		color: #333333;
		font-size: 14px !important;
		font-weight: bold;
		font-family: 'Prompt', sans-serif !important;
		margin-top: 10px;
	}
	.title.active {
		color: #0066b3 !important;
		font-size: 14px !important;
		font-family: 'Prompt', sans-serif !important;
	}
	.ui.accordion .title:not(.ui) {
		font-size: 14px !important;
		font-weight: bold !important;
		font-family: 'Prompt', sans-serif !important;
	}
	.content {
		color: #515356;
		font-size: 14px !important;
		font-family: 'Prompt', sans-serif !important;
		text-align: left;
		text-indent: 30px;
	}
	.ui.button {
		font-family: 'Prompt', sans-serif !important;
	}
	#content{
		margin-top:67px;
		font-family: 'Prompt';
	}
/*	#content > div{
		margin:12px;
	}
*/
	#content img.top{
		width:100%;
		border-radius:3px;
	}
}


/* Begin : New Homecard UI */
	.homecard-page .mhomecard-largehero-img {
		text-align: center;
	}
	.homecard-page .mhomecard-largehero-img>img {
		max-width: 100%;
	}
	.homecard-page .mhomecard-body-container {
		margin: 12px;
	}
	.homecard-page .mhomecard-detail-header {
		text-align: center;
		color: #f05924;
		font-size: 18px;
		font-weight: normal;
	}
	.homecard-page .mhomecard-detail-content {
		text-align: center;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 11px;
	}
	.homecard-page .mhomecard-detail-table-header {
		color: #fff;
		text-align: center;
		background-color: #F05924;
		padding-left: 14px;
		padding-right: 14px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.homecard-page .mhomecard-detail-table-header>h2 {
		font-size: 16px;
		font-weight: normal;
		text-align: center;
	}
	.homecard-page .mhomecard-detail-table-header>h2 {
		font-size: 16px;
		font-weight: normal;
	}
	.homecard-page .mhomecard-detail-table-contianer {
		display: flex;
		flex-wrap: wrap;
		padding-top: 13px;
		padding-bottom: 12px;
	}
	.homecard-page .mhomecard-detail-table-content {
		width: 100%;
	}
	
	.homecard-page .mhomecard-detail-table-box1 {
		text-align: center;
		padding-bottom: 10px;
	}
	.homecard-page .mhomecard-detail-table-box {
		margin-left: 35px;
		margin-right: 35px;
		border-bottom: 1px solid #585858;
	}
	.homecard-page .mhomecard-detail-table-box2 {
		text-align: center;
		padding-top: 10px;
	}
	.homecard-page .mhomecard-detail-table-box2>span {
		font-size: 12px;
		line-height: 1.2;
	}
	.homecard-page .mhomecard-detail-label {
		font-size: 16px;
		line-height: 1.2;
	}
	.homecard-page .mhomecard-span-color {
		color: #F05924;
	}
	.homecard-page .mhomecard-detail-remark-content {
		text-align: center;
		font-size: 12px;
		line-height: 1.2;
	}
	.homecard-page .mhomecard-line-container {
		height: 10px;
		background-color: #EBECF0;
	}
	.homecard-page .mhomecard-tier-binifits-img {
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: center;
	}
	.homecard-page .mhomecard-fullfill-img {
		padding-top: 20px;
		text-align: center;
	}
	.homecard-page .mhomecard-binifits-img {
		display: flex;
		overflow-x: auto;
	}

	.mhomecard-application-img {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	.homecard-page .mhomecard-tier-binifits-img>img,
	.homecard-page .mhomecard-fullfill-img>img,
	.homecard-page .mhomecard-application-img>img {
		max-width: 100%;
		border-radius: 10px;
	}
	.homecard-page .mhomecard-binifits-img>img {
		max-width: 100%;
	}
	.homecard-page .mhomecard-button-wrapper {
		margin-top: 0;
		text-align: center;
	}
	.homecard-page .mhomecard-button-wrapper .mhomecard-register {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		background-color: #000;
		padding: 10px 10px 20px 10px;
	}
	.homecard-page .mhomecard-button-wrapper .mhomecard-register-content {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.homecard-page .mhomecard-button-wrapper .mhomecard-register-img {
		width: 60px;
	}
	.homecard-page .mhomecard-button-wrapper .mhomecard-register-img>img {
		width: 100%;
	}
	.homecard-page .mhomecard-button-wrapper .mhomecard-apply-button,
	.homecard-page .mhomecard-button-wrapper .mhomecard-link-button,
	.homecard-page .mhomecard-button-wrapper .mhomecard-signin-button {
		width: 100%;
	}
	.homecard-page .mhomecard-button-wrapper .mhomecard-apply-button .ga-apply,
	.homecard-page .mhomecard-button-wrapper .mhomecard-link-button .ga-apply,
	.homecard-page .mhomecard-button-wrapper .mhomecard-signin-button .signin-btn {
		width: 100%;
		margin: 0;
		border-radius: 25px;
		background-color: #F37121;
	}
	.homecard-page .mhomecard-button-wrapper .mhomecard-apply-button .ga-apply:hover,
	.homecard-page .mhomecard-button-wrapper .mhomecard-link-button .ga-apply:hover,
	.homecard-page .mhomecard-button-wrapper .mhomecard-signin-button .signin-btn:hover {
		background-color: #F37121;
	}
	.homecard-page .mhomecard-button-wrapper .mhomecard-link-button {
		padding-top: 20px;
	}
	.homecard-page .title.active {
		color: #000 !important;
	}
	.homecard-page .mhomecard-body-container .content {
		text-indent: 0 !important;
		font-family: 'Prompt';
	}
	.homecard-page .mhomecard-body-container .title {
		margin-top: 0 !important;
		font-weight: bold;
		font-family: 'Prompt';
	}

	.swiper-rewards-category img,
	.rewards-content img {
		width: 100%;
	}
	.swiper-rewards-category .swiper-slide {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.swiper-rewards-category .swiper-slide .homecard-privileges-arrow-icon {
		width: 24px;
	}

	.rewards-content {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		min-height: 300px;
		align-content: center;
		justify-content: center;
	}
	.rewards-content .loader {
		display: none !important;
	}
	.rewards-content.fetching {
		background: #6155550a;
	}
	.rewards-content.fetching > div:not(.loader) {
		display: none !important;
	}
	.rewards-content.fetching .loader {
		display: block !important;
	}
	.rewards-content .empty-box {
		width: 100%;
		height: 300px;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		background-color: #EFEFEF;
		display: none;
	}
	.rewards-content.empty .empty-box {
		display: flex;
	}
	.rewards-content.empty > div:not(.empty-box) {
		display:none;
	}
	
	.rewards-content > .reward-card {
		margin-top: 10px;
	}
	.rewards-content > .reward-card .detail,
	.rewards-content .swiper-rewards-cards .swiper-slide.reward-card .detail {
		display: flex;
		flex-wrap: wrap;
		padding: 10px 10px;
		justify-content: space-between;
		align-items: flex-end;
		align-content: center;
	}
	.rewards-content > .reward-card .detail .homecard-categories-title {
		font-size: 20px;
		font-weight: bold;
		flex: 1;
	}
	.rewards-content > .reward-card .detail .homecard-categories-discount {
		font-size: 18px;
		font-weight: bold;
		color: #ED1C24;
	}
	.rewards-content .swiper-rewards-cards .swiper-slide.reward-card .detail .homecard-categories-title {
		font-size: 16px;
		font-weight: bold;
		flex: 1;
	}
	.rewards-content .swiper-rewards-cards .swiper-slide.reward-card .detail .homecard-categories-discount {
		font-size: 14px;
		font-weight: bold;
		color: #ED1C24;
	}
	.rewards-content > .reward-card .detail a,
	.rewards-content .swiper-rewards-cards .swiper-slide.reward-card .detail a {
		font-size: 14px;
		text-decoration: underline;
	}
	.rewards-content .swiper-rewards-cards {
		margin-top: 10px;
	}
	.rewards-content .swiper-rewards-cards .swiper-slide {
		width: 80%;
	}
	.rewards-content .reward-card-1,
	.rewards-content .swiper-rewards-cards .swiper-slide {
		background-color: #EFEFEF;
	}

	.reward-modal * {
		text-indent: 0 !important;
	}
	.reward-modal {
		overflow: hidden;
		position: relative;
		/* width: 600px !important; */
		border-radius: 10px !important;
		padding: 1.5rem 0 !important;
	}
	.reward-modal .close-btn {
		border: unset;
		background: #fff;
		width: auto;
		height: auto;
		position: absolute;
		right: 40px;
		top: 30px;
		color: #a4a4a4;
		font-size: 20px;
		padding: 10px;
		border-radius: 40px !important;
		cursor: pointer;
	}
	.reward-modal > .content {
		padding: 0 1.5rem !important;
	}
	.reward-modal .close-btn i {
		margin: 0 !important;
	}
	.reward-modal img {
		width: 100%;
	}
	.reward-modal img.qr-img {
		width: 90px;
		height: 90px;
	}
	.reward-modal .main-box {
		display: flex;
		margin-top: 18px;
		margin-bottom: 10px;
		flex-direction: column;
		gap: 10px;
	}
	.reward-modal .main-box > div:nth-child(1) {
		display: flex;
		flex: 1;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.reward-modal .main-box > div:nth-child(1) .name {
		font-size: 18px;
		font-weight: bold;
	}
	.reward-modal .main-box > div:nth-child(1) .discount {
		font-size: 24px;
		font-weight: bold;
		color: #ED1C24;
	}
	.main-box > div:nth-child(1) .desc {
		font-size: 16px;
	}
	.reward-modal .main-box > div:nth-child(2) {
		display: flex;
		flex: 0;
		flex-direction: column;
		align-content: center;
		align-items: center;
		gap: 8px;
	}
	.reward-modal .main-box > div:nth-child(2) > div {
		font-size: 12px;
		font-weight: bold;
		text-indent: 0 !important;
	}
	.reward-modal .condition-box {
		margin-top: 10px;
	}
	.reward-modal .condition-box * {
		margin: 0;
		line-height: normal;
		padding: 0;
	}
	.reward-modal .condition-box > p {
		font-weight: bold;
	}
	.reward-modal .condition-box ul {
		margin-bottom: 10px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.condition-title {
		padding: 4px 10px;
		background: #616161;
		border-radius: 4px;
		color: #fff;
		font-size: 10px;
	}

	.homecard-page .homecard-button-wrapper .homecard-register {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		background-color: #000;
		padding: 20px 0 20px 0;
	}
	.homecard-page .homecard-button-wrapper .homecard-apply-button .ga-apply {
		width: 370px;
		border-radius: 25px;
		background-color: #F37121;
	}
	.homecard-page .homecard-button-wrapper .homecard-apply-button .ga-apply:hover,
	.homecard-page .homecard-button-wrapper .homecard-link-button .ga-apply:hover {
		background-color: #F37121;
	}
	.homecard-page .homecard-button-wrapper .homecard-register-img > img {
		width: 100%;
	}
	.homecard-page .homecard-button-wrapper .homecard-link-button .ga-apply {
		width: 370px;
		border-radius: 25px;
		background-color: #F37121;
	}
	.homecard-page .homecard-button-wrapper .homecard-register .signin-btn {
		width: 370px;
		border-radius: 25px;
		background-color: #F37121;
	}
	.homecard-page .homecard-button-wrapper {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

/* Begin : Override homecard section */
.homecard-section {
	padding: 10px !important;
	justify-content: space-between !important;
	flex-direction: column !important;
	.left-content {
		width: 100% !important;
	}
	.right-content {
		padding-top: 20px !important;
		width: 100% !important;
		.detail-flex {
			justify-content: flex-start !important;
			align-items: flex-start !important;
			column-gap: 80px !important;
		}
	}
}
.modal.homecard-detail-modal {
	border-radius: 20px !important;
	padding: 0;
	min-height: 346px;
	position: relative;
	.header {
		padding: 20px !important;
		display: flex !important;
		justify-content: space-between;
		border: unset;
		border-bottom: unset !important;
		border-radius: 20px 20px 0 0 !important;
		align-items: center;
		.header-text {
			margin-bottom: 0;
			font-size: 22px;
			font-weight: 700;
			width: 100%;
			color: var(--neutral-colors-gray-800, #525255);
			font-size: 28px;
			max-width: calc(100% - 20px);
			font-family: 'Prompt', sans-serif !important;
		}
		.close {
			cursor: pointer;
			width: 18px;
			height: 18px;
		}
	}
	.content {
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
		padding: 20px !important;
		text-indent: unset !important;
		.homecard-section {
			padding: unset;
			border: unset;
		}
		.homecard-section {
			h3 {
				font-size: 28px !important;
			}
		}
		h3 {
			display: none;
		}
	}
}
.homecard-register-modal {
	max-width: 95vw;
	.content {
		text-indent: unset !important;
	}
}
.homecard-otp-modal {
	max-width: 95vw;
}
/* End : Override homecard section */