/* * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
} */
html {
	-webkit-font-smoothing: antialiased; /* scroll-behavior: smooth;*/
}
body {
	overflow-x: hidden;
	color: #000;
	background: #000;
	font-family: "sukhumvit_tadmaitext";
	line-height: 1.4;
	font-size: 14px;
	padding: 0 !important;
}
.maai_wrapper img {
	vertical-align: middle;
	width: auto;
	max-width: 100%;
	height: auto;
}
.maai_wrapper a,
.maai_wrapper a:hover,
.maai_wrapper a:active,
.maai_wrapper a:focus,
.maai_wrapper a:visited {
	text-decoration: none;
}
.maai_wrapper .pos {
	position: absolute;
}
.maai_wrapper .rel {
	position: relative;
}
.maai_wrapper .t_inline {
	display: inline-block;
}
.maai_wrapper .showpc {
	display: block;
}
.maai_wrapper .showmb {
	display: none;
}
.maai_wrapper h1,
.maai_wrapper h2,
.maai_wrapper h3,
.maai_wrapper h4,
.maai_wrapper h5,
.maai_wrapper h6,
.maai_wrapper p {
	margin-bottom: 0;
	line-height: 1.4;
	font-weight: normal;
}
.maai_text_center {
	text-align: center;
}

:root {
	--font16: 16px;
	--font18: 18px;
	--font20: 20px;
	--font22: 22px;
	--font24: 24px;
	--font26: 26px;
	--font28: 28px;
	--font30: 30px;
	--font34: 34px;
	--font36: 36px;
	--font38: 38px;
	--font40: 40px;
	--font70: 70px;
	--gotham700: "gotham_roundedbold";
	--gotham400: "gotham_roundedmedium";
	--gotham300: "gotham_roundedbook";
	--sukhumvit700: "sukhumvit_tadmaibold";
	--sukhumvit400: "sukhumvit_tadmaitext";
	--colorPrimary: #cb333b;
	--colorBlack: #000;
	--colorWhite: #fff;
	--heightHeader: 60px;
}

.maai_px {
	padding: 0 64px;
}

.maai_wrapper {
	/* overflow: hidden; */
	position: relative;
	padding-top: var(--heightHeader);
	background: var(--colorWhite);
}

.maai_pin_section {
	margin-top: -170px;
	width: 100%;
	height: 100px;
	background: transparent;
	position: absolute;
	left: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.maai_container {
	width: 100%;
	max-width: 1168px;
	margin: 0 auto;
	position: relative;
}

.maai_txthead_s h2 {
	font-size: var(--font18);
	font-family: var(--gotham700);
	color: var(--colorBlack);
	line-height: 1;
}

.maai_txthead_m h2 {
	font-size: var(--font26);
	font-family: var(--sukhumvit700);
	color: var(--colorBlack);
	line-height: 1;
}

.maai_txthead_m h2.maai_line_red {
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
}

.maai_txthead_m h2.maai_line_red:before {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	background: var(--colorPrimary);
	left: calc(50% - 40px);
	bottom: 0;
}

.maai_menu_main {
	width: 100%;
	height: var(--heightHeader);
	background: #151515;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}

.maai_container_menu_sub {
	width: 100%;
	max-width: 1128px;
	margin: 0 auto;
	padding: 0 64px;
	position: relative;
}

.maai_menu_sub {
	width: 100%;
	height: 60px;
	background: #fff;
	position: fixed;
	z-index: 2;
	top: var(--heightHeader);
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-100%);
	transition:
		height 0.25s ease-out,
		transform 0.3s ease-in-out;
}

.maai_menu_sub.fixed {
	/* height: 40px; */
	box-shadow: 0 0 24px rgba(0 0 0 / 8%);
	transform: translateY(0%);
}

.maai_menu_sub .maai_container {
	height: 100%;
}

.maai_menu_sub .maai_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.maai_logo_menu img {
	height: 33px;
}

.maai_menu_sub ul {
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
	width: 100%;
	margin-left: 50px;
	height: 100%;
	transition:
		height 0.25s ease-out,
		top 0.25s ease-out,
		opacity 0.15s ease-out;
}

.maai_menu_sub ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 60px;
	transition: height 0.25s ease-out;
}

.maai_menu_sub ul li.active {
	pointer-events: none;
}

/* .maai_menu_sub.fixed ul li {
    height: 40px;
} */

.maai_menu_sub ul li a {
	color: var(--colorBlack);
	font-size: 14px;
	font-family: var(--gotham300), var(--sukhumvit400);
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-font-smoothing: auto;
}

.maai_menu_sub ul li:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background: var(--colorPrimary);
	opacity: 0;
	transition: all 0.15s ease-out;
}

.maai_menu_sub ul li.active:before,
.maai_menu_sub ul li:hover:before {
	opacity: 1;
}

.maai_menu_sub ul li.active a,
.maai_menu_sub ul li:hover a {
	font-family: var(--gotham400), var(--sukhumvit700);
}

.maai_arrow_hamburger {
	display: none;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	transform: rotate(180deg);
	transition: transform 0.12s ease-out;
}

.maai_arrow_hamburger.active {
	transform: rotate(0deg);
}

.maai_arrow_hamburger svg {
	width: 50%;
	height: 50%;
}

.maai_herobanner {
	background: #151515;
	min-height: 540px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* padding-top: 60px; */
	position: relative;
	overflow: hidden;
}

.maai_herobanner .maai_herobanner_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.maai_herobanner .maai_herobanner_bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.maai_herobanner .maai_inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

/* .maai_herobanner .maai_inner .maai_col {
    flex:1 1 0%;
} */

.maai_herobanner .maai_txt {
	/* background: #CB333B; */
	align-self: stretch;
	flex: 0 0 55%;
}
.maai_herobanner .maai_icons {
	/* background: rgba(255 255 0 / 30%); */
	align-self: stretch;
	position: absolute;
	height: 17vw;
	width: 40vw;
	top: calc(50% - (20vw / 2) + 33px);
	right: 8vw;
}

.maai_herobanner .maai_inner .maai_txt .maai_logo_by_ktc {
	margin-bottom: 24px;
	/* padding-right: 69%; */
}

.maai_herobanner .maai_inner .maai_txt h1 {
	font-family: var(--gotham700), var(--sukhumvit700);
	font-size: var(--font28);
	color: var(--colorWhite);
}

.maai_herobanner .maai_inner .maai_txt h1 .maai_txtbold {
	font-family: var(--gotham700), var(--sukhumvit700);
	font-size: var(--font28);
	color: var(--colorWhite);
	margin-top: 8px;
}

.maai_herobanner .maai_inner .maai_txt h2 {
	font-family: var(--gotham300), var(--sukhumvit400);
	font-size: var(--font22);
	color: var(--colorWhite);
	margin-top: 12px;
}
.maai_herobanner .maai_inner .maai_txt h2 .maai_txtbold{
	font-family: var(--gotham700), var(--sukhumvit700);
	font-size: var(--font22);
	color: var(--colorWhite);
	margin-top: 12px;
}

.maai_herobanner .maai_inner .maai_txt a {
	margin-top: 32px;
}

.maai_herobanner .maai_ele {
	position: absolute;
}

.maai_icon1 {
	/* width: calc(357px / 2); */
	left: 64%;
	right: 9%;
	top: 98%;
}
.maai_icon2 {
	/* width: calc(308px / 2); */
	left: 58%;
	right: 18%;
	top: 27%;
}
.maai_icon3 {
	/* width: calc(279px / 2); */
	left: 30%;
	right: 48%;
	top: 84%;
}
.maai_icon4 {
	/* width: calc(226px / 2); */
	left: 91%;
	right: -8%;
	top: 53%;
}
.maai_icon5 {
	/* width: calc(221px / 2); */
	left: 61%;
	right: 22%;
	top: -35%;
}
.maai_icon6 {
	/* width: calc(335px / 2); */
	left: 81%;
	right: -6%;
	top: -17%;
}

.maai_by_ktc {
	padding: 148px 0;
	position: relative;
	overflow: hidden;
}

.maai_by_ktc .maai_by_ktc_bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background:
		radial-gradient(
				55.54% 55.54% at 41.05% 26.73%,
				rgba(0, 0, 0, 0.5) 0%,
				rgba(0, 0, 0, 0.155) 100%
			)
			/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
		conic-gradient(
			from 202.67deg at 50% 50%,
			#caff66 0deg,
			#ff9700 67.5deg,
			#d900ac 131.25deg,
			#3681ff 232.5deg,
			#00e9e9 296.25deg,
			#aaff0a 360deg
		);
}

.maai_by_ktc .maai_txt {
	max-width: 680px;
	margin: 0 auto;
}

.maai_by_ktc .maai_txt h2 {
	font-size: var(--font36);
	font-family: var(--gotham700), var(--sukhumvit700);
	color: var(--colorWhite);
	text-transform: uppercase;
	line-height: 1.4;
}

.maai_by_ktc .maai_txt h3 {
	font-size: var(--font20);
	font-family: var(--gotham700), var(--sukhumvit700);
	color: var(--colorWhite);
	margin-bottom: 24px;
	line-height: 1;
}

.maai_by_ktc .maai_txt p {
	font-size: var(--font22);
	font-family: var(--gotham300), var(--sukhumvit400);
	color: var(--colorWhite);
	margin-top: 24px;
	padding: 0 10%;
	line-height: 1.5;
}

.maai_by_ktc .maai_txt p .maai_txtbold {
	font-family: var(--gotham400), var(--sukhumvit700);
}

.maai_by_ktc .maai_order_wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

.maai_by_ktc .maai_order_wrap svg {
	position: absolute;
}

.maai_by_ktc .maai_order1 .maai_order_wrap {
	transform: rotate(156.64deg);
	top: -150px;
	left: 80px;
}
.maai_by_ktc .maai_order1 .maai_order_wrap svg {
	top: 0;
	right: 0;
}
.maai_by_ktc .maai_order1 .maai_circle {
	background: linear-gradient(228.2deg, #3681ff 8.9%, #33ffff 88.11%);
	transform: rotate(-156.64deg);
}

.maai_by_ktc .maai_order2 .maai_order_wrap {
	transform: rotate(51.17deg);
	top: -70px;
	left: -175px;
}
.maai_by_ktc .maai_order2 .maai_order_wrap svg {
	top: 0;
	right: 0;
}
.maai_by_ktc .maai_order2 .maai_circle {
	background: linear-gradient(157.87deg, #ff00ca -6.61%, #ff9700 78.02%);
	transform: rotate(-51.17deg);
}

.maai_by_ktc .maai_order3 .maai_order_wrap {
	transform: rotate(-76.72deg);
	top: 95px;
	left: 30px;
}
.maai_by_ktc .maai_order3 .maai_order_wrap svg {
	top: 0;
	right: 0;
}
.maai_by_ktc .maai_order3 .maai_circle {
	background: linear-gradient(116.84deg, #caff66 1.81%, #33ffff 73.25%);
	transform: rotate(76.72deg);
}

.maai_by_ktc .maai_order {
	position: relative;
	height: 600px;
	width: 100%;
	/* background: rgba(0 0 0 / 50%); */
	margin-top: 300px;
	margin-bottom: 300px;
	/* background: url("/pub/export/device-pay/images-mock2.webp") center no-repeat;
    background-size: auto;
    background-position: 50% 50%; */
}

.maai_by_ktc .maai_order .maai_ele {
	position: absolute;
	top: calc(50% - 150px);
	left: calc(50% - 150px);
	/* opacity: 0.2; */
}

.maai_by_ktc .maai_circle {
	width: 300px;
	height: 300px;
	border-radius: 300px;
	background: #ccc;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	box-shadow: 0px 4px 76px rgba(0, 0, 0, 0.22);
}

.maai_by_ktc .maai_circle .maai_num {
	font-size: 50px;
	color: #fff;
	font-family: var(--gotham700);
	text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.19);
	line-height: 1;
	margin-bottom: 16px;
	margin-top: -16px;
}
.maai_by_ktc .maai_circle h2 {
	font-size: 26px;
	color: #000;
	font-family: var(--gotham700);
	line-height: 1.2;
}
.maai_by_ktc .maai_circle h3 {
	font-size: 20px;
	color: #000;
	font-family: var(--gotham300);
	line-height: 1.2;
}
.maai_by_ktc .maai_circle h4 {
	font-size: 16px;
	color: #000;
	font-family: var(--gotham400), var(--sukhumvit700);
	line-height: 1.2;
	margin-top: 16px;
}

.maai_faq {
	padding: 80px 0 100px;
	background: #f8f9f9;
	overflow: hidden;
}

.maai_accordion.maai_icon_last {
	width: 100%;
	margin-top: 60px;
}
.maai_accordion.maai_icon_last .maai_item {
	overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.maai_accordion.maai_icon_last .maai_item .maai_heading {
	background: url("/pub/export/device-pay/images-trust-by-partner-logo-expand-qa-question.svg")
		no-repeat;
	cursor: pointer;
	color: #000;
	padding: 20px 40px 20px 0px;
	background-position: calc(100% - 12px) center;
	position: relative;
	font-size: var(--font16);
	font-family: var(--gotham300), var(--sukhumvit400);
}
.maai_accordion.maai_icon_last .maai_item.maai_open .maai_heading {
	background: url("/pub/export/device-pay/images-trust-by-partner-logo-close-qa-question.svg")
		no-repeat;
	background-position: calc(100% - 12px) center;
	font-family: var(--gotham400), var(--sukhumvit700);
}
.maai_accordion.maai_icon_last .maai_item .maai_content {
	display: none;
	padding: 0px 15% 30px 0;
	position: relative;
	font-size: var(--font16);
	font-family: var(--gotham300), var(--sukhumvit400);
}

.maai_blog .maai_txthead_m h2.maai_line_red:before {
	width: 100%;
	left: 0;
}

.maai_blog {
	padding: 80px 0 100px;
	background: var(--colorWhite);
	overflow: hidden;
}

.maai_blog .maai_txthead_m {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.maai_slide_blog {
	margin-top: 28px;
	padding-top: 4px;
}

/* .maai_slide_blog .swiper-wrapper {
    transition: transform 0.65s ease-in-out !important;
} */

.maai_slide_blog .maai_item .maai_img {
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 390 / 220;
	background: rgba(0 0 0 / 0.02);
	transition: transform 0.25s ease-out;
}

.maai_slide_blog .maai_item .maai_img img {
	width: 100%;
}

.maai_slide_blog .maai_item .maai_txt {
	padding-top: 20px;
}

.maai_slide_blog .maai_item .maai_txt h2 {
	font-size: var(--font20);
	font-family: var(--sukhumvit700);
	color: var(--colorBlack);
	margin-bottom: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.6;
}

.maai_slide_blog .maai_item .maai_txt p {
	font-size: var(--font16);
	color: var(--colorBlack);
	font-family: var(--sukhumvit400);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.6;
}

.maai_slide_blog .maai_item:hover .maai_img {
	transform: translateY(-4px);
}

.maai_btn_seeall {
	color: var(--colorBlack);
	font-size: var(--font18);
}

.maai_btn_primary {
	display: inline-block;
	border-radius: 60px;
	padding: 0.75rem 1.75rem;
	font-size: var(--font18);
	font-family: var(--sukhumvit700);
}

.maai_btn_primary.maai_red {
	background: var(--colorPrimary);
	color: var(--colorWhite);
	border: 1px solid var(--colorPrimary);
	transition: all 0.25s ease-out;
}

.maai_btn_primary.maai_white {
	background: var(--colorWhite);
	color: #272b30;
	border: 1px solid #bdc3c9;
	transition: all 0.25s ease-out;
	padding: 0.6rem 2.55rem;
	font-size: var(--font16);
}

.maai_btn_primary.maai_white2 {
	background: transparent;
	color: var(--colorWhite);
	border: 1px solid var(--colorWhite);
	transition: all 0.25s ease-out;
}

.maai_btn_primary.maai_red:hover {
	background: #b52e33;
	color: var(--colorWhite);
	border: 1px solid #b52e33;
}

.maai_btn_primary.maai_white:hover {
	background: #b52e33;
	color: var(--colorWhite);
	border: 1px solid #b52e33;
}

.maai_btn_primary.maai_white2:hover {
	background: transparent;
	color: #b52e33;
	border: 1px solid #b52e33;
}

.maai_trusted {
	padding: 80px 0 60px;
	background: var(--colorWhite);
	overflow: hidden;
}

.maai_slide_trusted {
	position: relative;
	margin-top: 50px;
	pointer-events: none;
}
.maai_slide_trusted:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 15%;
	height: 100%;
	background: rgba(0 0 0 / 1);
	background: rgb(255, 255, 255);
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 1) 10%,
		rgba(255, 255, 255, 0) 100%
	);
	z-index: 2;
}

.maai_slide_trusted:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 15%;
	height: 100%;
	background: rgba(0 0 0 / 1);
	background: rgb(255, 255, 255);
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 90%
	);
	z-index: 2;
}

.maai_slide_trusted img {
	min-width: 75px;
	height: 120px;
	margin: 0 auto;
	object-fit: contain;
	flex: 1 1 auto;
}
.maai_slide_trusted .swiper-wrapper {
	transition-timing-function: linear !important;
}

.maai_slide_trusted .swiper-slide {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
}

.maai_digital_loyalty {
	padding: 120px 0 180px;
	text-align: center;
	background:
		url("/pub/export/device-pay/images-bg_line_color_left.svg") left top no-repeat,
		url("/pub/export/device-pay/images-bg_line_color_right.svg") right bottom
			no-repeat;
	background-color: var(--colorWhite);
	background-size: contain;
	overflow: hidden;
}

.maai_txt_group h2 {
	font-size: var(--font34);
	font-family: var(--gotham400), var(--sukhumvit700);
}

.maai_txt_group h3 {
	font-size: var(--font20);
	font-family: var(--gotham400), var(--sukhumvit700);
	margin-bottom: 60px;
}

.maai_txt_group p {
	font-size: var(--font20);
	font-family: var(--gotham300), var(--sukhumvit400);
	margin: 24px 0 32px;
}

.maai_crm {
	padding: 100px 0 120px;
	text-align: center;
	background: #f8f8f8;
	overflow: hidden;
}

.maai_crm_items {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 20px;
	margin-top: 80px;
	text-align: left;
	flex-wrap: wrap;
}

.maai_crm_items .maai_item {
	padding: 24px 20px;
	border-radius: 8px;
	background: var(--colorWhite);
	box-shadow: 0px 4px 25px -7px rgba(0, 0, 0, 0.1);
	flex: 1 1 0%;
	align-self: stretch;
}

.maai_crm_items .maai_item .maai_icon {
	width: 40px;
	height: 40px;
}

.maai_crm_items .maai_item .maai_icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.maai_crm_items .maai_item .maai_txt {
	padding-top: 12px;
	height: calc(100% - 40px);
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.maai_crm_items .maai_item .maai_txt h2 {
	font-size: var(--font18);
	font-family: var(--gotham400);
	min-height: 56px;
}

.maai_crm_items .maai_item .maai_txt p {
	font-size: var(--font16);
	color: #333333;
	font-family: var(--gotham300), var(--sukhumvit400);
	margin-top: 8px;
}

.maai_video {
	position: relative;
}

.maai_video .maai_inner {
	width: 100%;
	padding: 0 32px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -350px;
}

.maai_frame_video {
	max-width: 920px;
	margin: 0 auto;
	border-radius: 32px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	box-shadow: 0px 44px 200px -34px rgba(0, 0, 0, 0.57);
	position: relative;
	margin-top: -350px;
}

.maai_video .maai_inner iframe {
	border-radius: 0;
	border: 0;
	width: 100%;
	height: 100%;
}

.maai-video-present {
	padding: 0;
	margin: 0;
	max-width: 900px;
}

.maai-video-present iframe {
	aspect-ratio: 16 / 9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.maai-video-present .remodal-close:before {
	display: none;
}

.maai_cover_video {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	font-family: var(--sukhumvit700);
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	/* pointer-events: none; */
}

.maai_video {
	position: absolute;
	top: 0;
	/* pointer-events: none; */
}

.maai_cover_video span {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 32px;
	z-index: 1;
	position: relative;
	top: 16px;
	opacity: 1;
	transition: opacity 0.15s ease-out;
}

/* .maai_cover_video span.active {
    opacity: 1;
} */

.maai_cover_video span img {
	backdrop-filter: blur(8px);
	border-radius: 200px;
	/* width: 45%; */
	/* margin-bottom: 16px; */
}

.maai_cover_video span.maai_txt_video {
	position: absolute;
	bottom: 0px;
	margin-bottom: 15px;
	top: auto;
	padding: 0;
}

.maai-video-present .remodal-close {
	left: auto;
	right: 0;
	top: -40px;
	position: absolute;
}

/* .maai_solutions {
    padding: 350px 0 0;
} */

.maai_solutions .maai_txt {
	max-width: 680px;
	margin: 0 auto;
	padding-top: 150px;
}

.maai_solutions .maai_txt h2 {
	font-size: 47px;
	font-family: var(--gotham700), var(--sukhumvit700);
	color: var(--colorBlack);
	text-transform: uppercase;
	line-height: 1.2;
}

.maai_solutions .maai_txt h3 {
	font-size: var(--font20);
	font-family: var(--gotham700), var(--sukhumvit700);
	color: var(--colorBlack);
	margin-bottom: 16px;
	line-height: 1;
	padding-top: 30px;
}

.maai_solutions .maai_txt p {
	font-size: var(--font24);
	font-family: var(--gotham300), var(--sukhumvit400);
	color: var(--colorBlack);
	margin-top: 24px;
	padding: 0 10%;
}

.maai_solutions .maai_solutions_details {
	margin-top: 150px;
}

.maai_solutions_details .maai_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: stretch;
}

.maai_solution .maai_col_img {
	/* height: calc(100vh - var(--heightHeader)); */
	position: sticky;
	top: var(--heightHeader);
}

.maai_solution .maai_col_txt {
	display: flex;
	align-items: center;
	text-align: left;
	height: 100%;
}

.maai_solution1 .maai_col_img {
	background:
		linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
		linear-gradient(139.02deg, #ff00ca 1.27%, #ff9700 91.52%);
}
.maai_solution2 .maai_col_img {
	background:
		linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
		linear-gradient(143.75deg, #3681ff 32.21%, #33ffff 99.02%);
}
.maai_solution3 .maai_col_img {
	background:
		linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
		linear-gradient(140.89deg, #caff66 1.22%, #33ffff 78.68%);
}

.maai_solution1 .maai_num {
	display: inline-block;
	background: linear-gradient(90deg, #ff00ca 2.73%, #ff9700 96.63%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.maai_solution2 .maai_num {
	display: inline-block;
	background: linear-gradient(90deg, #3681ff 2.73%, #33ffff 96.63%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.maai_solution3 .maai_num {
	display: inline-block;
	background: linear-gradient(116.84deg, #caff66 1.81%, #33ffff 73.25%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.maai_solution .maai_col_img .maai_img_cover {
	height: 100%;
	background-size: 600px;
	/* background-position: calc(50% + 25vw) calc(50% + (var(--heightHeader) / 2)); */
	background-position: 50% 50%;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
}

.maai_solutions_details .maai_txt_group {
	padding: 64px 48px 64px 64px;
	max-width: calc(1168px / 2);
	margin-left: auto;
}

.maai_solutions_details .maai_txt_group .maai_num {
	font-size: 60px;
	font-family: var(--gotham700);
	line-height: 1;
	margin-bottom: 12px;
}

.maai_solutions_details .maai_txt_group h2 {
	font-size: var(--font34);
	font-family: var(--gotham700);
	text-transform: uppercase;
	line-height: 1.2;
}

.maai_solutions_details .maai_txt_group h3 {
	font-size: var(--font34);
	font-family: var(--gotham300);
	text-transform: uppercase;
	line-height: 1.2;
}

.maai_solutions_details .maai_txt_group h4 {
	font-size: var(--font22);
	font-family: var(--gotham700), var(--sukhumvit700);
	/* line-height: 1.2; */
	margin-top: 16px;
}

.maai_solutions_details .maai_txt_group p {
	font-size: var(--font18);
	font-family: var(--gotham300), var(--sukhumvit400);
	margin-top: 24px;
	margin-bottom: 0;
	color: #333333;
	line-height: 1.5;
	padding-right: 12%;
}

.maai_solutions_details .maai_txt_group ul {
	list-style-type: none;
	margin-top: 24px;
}

.maai_solutions_details .maai_txt_group ul li {
	font-size: var(--font16);
	font-family: var(--gotham300), var(--sukhumvit400);
	padding-left: 24px;
	margin-bottom: 4px;
	position: relative;
	line-height: 1.6;
	color: #333333;
}

.maai_solutions_details .maai_txt_group ul li .maai_txtbold {
	font-family: var(--gotham700), var(--sukhumvit700);
	color: var(--colorBlack);
}

.maai_check_red li:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 100%;
	background: url("/pub/export/device-pay/images-icon_check_red.svg") 50% 8px
		no-repeat;
	top: 0;
	left: 0;
}

.maai_check_blue li:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 100%;
	background: url("/pub/export/device-pay/images-icon_check_blue.svg") 50% 8px
		no-repeat;
	top: 0;
	left: 0;
}

.maai_solutions_details .maai_txt_group a {
	margin-top: 32px;
}

.maai_solutions_details .maai_group_dt {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 32px;
	margin-top: 40px;
}

.maai_solutions_details .maai_group_dt > div {
	flex: 1 1 0;
}

.maai_solutions_details .maai_group_dt h5 {
	font-size: var(--font18);
	font-family: var(--gotham700);
	color: var(--colorBlack);
	margin-top: 12px;
}

.maai_solutions_details .maai_group_dt p {
	font-size: var(--font16);
	color: #333333;
	line-height: 1.5;
	margin-top: 8px;
	padding-right: 0;
}

.maai_solutions_details .maai_group_dt p a {
	text-decoration: underline;
	color: #333333;
	text-underline-offset: 5px;
}

.maai_point {
	background: #010101;
	overflow: hidden;
}

.maai_point_top {
	min-height: 1024px;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 60px;
}

.maai_point_top .maai_bg {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.maai_point_top .maai_bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.maai_logo_left {
	padding-right: 65%;
	/* height: 130vh; */
	left: -140px;
	top: 0vh;
}

.maai_logo_right {
	padding-left: 65%;
	/* height: 130vh; */
	right: -120px;
	top: 0vh;
}

/* .maai_logo_left img,
.maai_logo_right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
} */

.maai_point_top .maai_txt {
	position: relative;
	text-align: center;
	color: var(--colorWhite);
	max-width: 1040px;
	margin: 0 auto;
	top: 160px;
	z-index: 1;
	padding: 0px;
}

.maai_point_top .maai_txt h2 {
	font-size: 34px;
	font-family: var(--gotham700), var(--sukhumvit700);
	padding: 0 32px;
}

.maai_point_top .maai_txt p {
	font-size: 20px;
	font-family: var(--gotham300), var(--sukhumvit400);
	margin-top: 32px;
	line-height: 1.6;
}

.maai_point_body {
	background: url("/pub/export/device-pay/images-bg_bottom_maai_point.webp") 50%
		100% no-repeat;
	background-size: 100% auto;
	/* padding-top: 150px; */
	margin-top: -150px;
}

.maai_download_app {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding-top: 40px;
	padding-bottom: 80px;
}

.maai_download_app h2 {
	color: var(--colorWhite);
	font-size: var(--font30);
	font-family: var(--gotham700), var(--sukhumvit700);
}

.maai_download_app .maai_logo_app {
	width: 223px;
}

.maai_download_app .maai_logo_app.mobile {
	display: none;
}

.maai_download_app .maai_group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin-top: 24px;
}

.maai_download_app .maai_group .maai_label_app {
	width: 122px;
	display: inline-block;
}

.maai_point_details {
	padding: 80px 0;
}

.maai_point_details .maai_logo_point {
	width: 280px;
	margin: 0 auto;
}

.maai_point_details .maai_logo_point img {
	width: 100%;
}

.maai_point_details .maai_txthead {
	color: var(--colorWhite);
}

.maai_point_details .maai_txthead h2 {
	font-size: var(--font34);
	font-family: var(--gotham700), var(--sukhumvit700);
	margin-top: 24px;
	line-height: 1.5;
}

.maai_point_details .maai_txthead h3 {
	font-size: var(--font18);
	font-family: var(--gotham300), var(--sukhumvit400);
	margin-top: 16px;
	line-height: 1.6;
}

.maai_point_details .maai_content {
	max-width: 670px;
	margin: 40px auto 0;
	color: var(--colorWhite);
}

.maai_point_details .maai_content .maai_group {
	padding: 48px 0 52px;
	border-bottom: 1px solid rgba(255 255 255 / 28%);
	display: grid;
	grid-template-columns: 100px auto;
	align-items: flex-start;
}

.maai_point_details .maai_content .maai_group:nth-last-child(1) {
	border-bottom: 0;
}

.maai_point_details .maai_content .maai_group .maai_txt {
	padding-left: 70px;
}

.maai_point_details .maai_content .maai_group .maai_txt h2 {
	font-size: var(--font24);
	font-family: var(--gotham700), var(--sukhumvit700);
	line-height: 1.2;
}

.maai_point_details .maai_content .maai_group .maai_txt p {
	font-size: var(--font18);
	font-family: var(--gotham300), var(--sukhumvit400);
	color: rgba(255 255 255 / 72%);
	margin-top: 16px;
	line-height: 1.6;
}

.maai_point_details .maai_content .maai_group .maai_txt a {
	font-size: var(--font16);
	padding: 0.65rem 1.7rem;
	margin-top: 32px;
}

.maai_point_details .maai_content .maai_group .maai_icon {
	padding-top: 8px;
}

.maai_point_details .maai_content .maai_group .maai_logo_show {
	margin-top: 24px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.maai_point_details .maai_content .maai_group .maai_logo_show img {
	width: 40px;
}

.maai_logo_mobile {
	/* display: none; */
	color: #fff;
	position: absolute;
	width: 100%;
	/* height: 150px; */
	background: #ccc;
	margin-bottom: -160px;
	margin-top: 160px;
	visibility: hidden;
	pointer-events: none;
}
@media (max-width: 768px) {
	.maai_logo_mobile:before {
	content: "";
	position: absolute;
	width: 100vw;
	height: 100vh;
	top: calc(50% - 50vh);
	left: 0;
	background: url("/pub/export/device-pay/images-bg_color_blur.webp") center
		no-repeat;
	background-size: 100% 100%;
	}
}


.maai_slide_blog .swiper-wrapper {
	transition: transform 0.65s ease-in-out !important;
}

.maai_slide_loyalty {
	pointer-events: none;
}
.maai_slide_loyalty img {
	width: 100%;
	/* height: calc(100vw / 5.5); */
	border-radius: 200px;
	margin: 0 auto;
	object-fit: contain;
	/* flex:1 1 0; */
	filter: drop-shadow(0 3px 3px rgba(0 0 0 / 25%));
	padding: 5px;
}

#maai_slide_loyalty1.maai_slide_loyalty .swiper-slide {
	transform: translateX(50%);
}
.maai_slide_loyalty .swiper-slide {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100px;
}

.maai_slide_loyalty .swiper-wrapper {
	transition-timing-function: linear !important;
}

.maai-popup img {
	vertical-align: middle;
	width: auto;
	max-width: 100%;
	height: auto;
}

.remodal-overlay {
	background: rgba(0 0 0 / 90%);
}
.maai-popup.remodal {
	background: #1c1c1c;
	position: relative;
	max-width: 1040px;
	color: #fff;
	padding: 24px;
	border-radius: 16px;
	overflow: hidden;
	min-height: 70vh;
}

.maai-popup.remodal:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 8px;
	left: 0;
	top: 0;
	background: linear-gradient(
		90deg,
		#ff0000 2.73%,
		#ff00ca 24.74%,
		#3681ff 50.17%,
		#33ffff 74.13%,
		#caff66 96.63%
	);
}

.maai-popup.remodal .remodal-close {
	right: 0;
	left: auto;
	top: 23px;
	right: 24px;
}
.maai-popup.remodal .remodal-close:before {
	display: none;
}

.maai-popup.remodal .maai_popup_head {
	font-size: var(--font26);
	color: #fff;
	font-family: var(--sukhumvit700);
	text-align: left;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(189, 195, 201, 0.40);
}

.maai-transfer a.maai_btn_seeall {
	text-align: center;
	color: #fff;
	text-underline-offset: 4px;
	margin-top: 24px;
	display: inline-block;
	font-size: 16px;
	transition: color 0.15s ease-out;
}

.maai-transfer a.maai_btn_seeall:hover {
	color: var(--colorPrimary);
}

/* .maai-transfer .popup_in {
	padding: 0 10%;
} */

.maai-transfer.revert .maai_inner {
	flex-direction: row-reverse;
}

.maai_transfer_group {
	padding: 24px 32px 40px;
	background: #fff;
	border-radius: 20px;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
}

.maai_transfer_group .maai_inner {
	color: #000;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.maai_box {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.maai_tf_arr {
	flex: 0 0 100px;
}

.maai_tf_num {
	font-size: 50px;
	font-family: var(--gotham700);
}
.maai_tf_txt {
	font-size: 16px;
	font-family: var(--gotham700);
}

.maai_transfer_filter {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 16px;
}

.maai_tf_main {
	flex: 1 1 0;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	height: 44px;
	display: flex;
	align-items: center;
	background: #D6DADD;
	border-radius: 40px;
}

.maai_btn_tf {
	border: 0;
	border-radius: 0;
	background: transparent;
	outline: none;
	cursor: pointer;
	margin-left: 28px;
	margin-right: 28px;
}

.maai_btn_tf.maai_disable {
	opacity: 0.1;
	pointer-events: none;
}

.maai_maai {
	display: flex;
	align-items: center;
	margin: 0 20px;
}

.maai_maai img {
	width: 28px;
	filter: drop-shadow(0 2px 1px rgba(0 0 0 / 20%));
}

.maai_maai .maai_txt {
	font-size: 16px;
	margin-left: 16px;
	font-family: var(--gotham700), var(--sukhumvit700);
}

.maai_btn_tf img {
	background: transparent;
	border-radius: 8px;
	transition: background 0.15s ease-out;
	padding: 12px;
}

.maai_btn_tf:hover img {
	background: #fafafa;
}

.maai-transfer .nice-select {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #BDC3C9;
	border-radius: 40px;
	padding-right: 48px;
	
}

.maai-transfer .nice-select.open .list {
	width: 100%;
	box-shadow: 0px 64px 100px rgba(0, 0, 0, 0.25);
	overflow-y: scroll;
}
.remodal-overlay{
	z-index: 99999;
}
.remodal-wrapper{
	z-index: 100000;
}

@media (max-height: 1000px) {
	.maai-popup.remodal{
		min-height: 87vh;
	}
}
@media (max-height: 800px) {
	.maai-popup.remodal{
		min-height: 90vh;
	}
	.maai-transfer .nice-select.open .list {
	max-height: 400px;
	}
}

.maai-transfer .nice-select .current {
	font-size: 16px;
	font-family: var(--gotham700), var(--sukhumvit700);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.maai-transfer .nice-select .current img {
	width: 40px;
}
.nice-select li.option img {
	width: 30px;
	/* filter: drop-shadow(0 2px 1px rgba(0 0 0 / 20%)); */
	/* margin-right: 12px; */
}

.nice-select li.option {
	padding: 10px 16px;
	/* border-bottom: 1px solid rgba(0 0 0 / 7%); */
	font-size: 16px;
	font-family: var(--gotham400), var(--sukhumvit400);
	color: #272B30;
	display: flex;
	align-items: center;
	gap: 12px;
}

.nice-select .option.selected {
	color: #000;
	font-family: var(--gotham700), var(--sukhumvit700);
	font-weight: normal;
}

.maai_txthead_tf {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-family: var(--gotham700), var(--sukhumvit700);
	font-size: 20px;
	width: 100%;
	text-align: left;
}

.maai_txthead_tf > div {
	flex: 1 1 0;
}

.maai_txthead_tf > div.space {
	flex: 0 0 90px;
}

.nice-select:after {
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	height: 10px;
	width: 10px;
	right: 20px;
	margin-top: -8px;
}

.nice-select .list {
	border-radius: 12px;
}

[data-value="KTC FOREVER"] {
	display: none;
}

.revert [data-value="KTC FOREVER"] {
	display: block;
}

[data-aos="new-animation-custom"] {
	opacity: 0;
	transition-property: transform, opacity;
	transform: translateY(60px);
}

[data-aos="new-animation-custom"].aos-animate {
	opacity: 1;
	transform: translateX(0);
}

[data-aos="new-animation-fade"] {
	opacity: 0;
	transition-property: opacity;
}

[data-aos="new-animation-fade"].aos-animate {
	opacity: 1;
}

.maai-popup.remodal.maai-partner {
	padding: 24px;
	border-radius: 16px;
	overflow: hidden;
}

.maai-partner .maai_grid {
	/* display: grid; */
	/* grid-template-columns: 200px auto; */
	align-items: flex-start;
	gap: 24px;
	overflow: hidden;
}

.maai-partner .maai_grid .maai_col_menu {
	/* background: rgba(255  0 0 / 50%); */
	/* border-right: 1px solid rgba(14, 14, 14, 0.08); */
	font-size: 14px;
	color: #fff;
	font-family: var(--gotham300), var(--sukhumvit400);
	text-align: left;
	/* padding: 70px 24px 70px 0; */
	height: 100%;
}

.maai-partner .maai_grid .maai_col_partner {
	height: 100%;
	padding: 24px 0 0;
}

.maai-partner .swiper-wrapper {
	flex-direction: column;
	gap: 12px;
}

.maai-partner .swiper-slide {
	width: fit-content;
	padding: 10px 12px;
	margin: 4px 0;
	cursor: pointer;
	border-radius: 6px;
	transition: background 0.15s ease-out;
}

.maai-partner .swiper-slide:hover {
	background: rgba(217, 217, 217, 0.025);
}

.maai-partner .swiper-slide:nth-child(1) {
	margin-top: 0;
}

.maai-partner .swiper-slide.active {
	font-family: var(--gotham700), var(--sukhumvit700);
	border-radius: 100px;
	background: #56100B;
	pointer-events: none;
}

.maai_partner_group {
	margin-bottom: 24px;
}

.maai_overflow_partner {
	overflow: auto;
	height: 55vh;
}

.maai_icon_partner {
	display: grid;
	grid-template-columns: repeat(13, 1fr);
	align-items: center;
	text-align: center;
	gap: 8px;
}

.maai_icon_partner img {
	max-width: 62px;
	margin: 0 auto;
}

.maai_menu_partner {
	margin-top: 16px;
}
.maai_menu_partner .swiper-wrapper {
	display: flex;
	flex-direction: row;
}

.maai_txthead_partner {
	text-align: left;
	font-size: 16px;
	font-family: var(--gotham700);
	margin-bottom: 8px;
}

.scrollbar-thumb {
	background: #BDC3C9 !important;
	width: 4px !important;
}
.scrollbar-track {
	background: rgba(255 255 255 / 2%) !important;
	width: 6px !important;
	border-radius: 6px !important;
}

#maai_point {
	margin-top: -100px;
}

.mockup_footer {
	height: 600px;
	background: #ededed;
	font-size: 5vw;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(0 0 0 / 15%);
}