:root{
	--color-theme:#E7574E;
	--color-theme-2:#F5AD68;
	--color-theme-3:#8982EE;
	--color-theme-4:#FF6622;
}
/*** Text css ***/
.text-theme{
	color:var(--color-theme);
}
.text-theme-2{
	color:var(--color-theme-2);
}
.text-theme-3{
	color:var(--color-theme-3);
}
.text-theme-4{
	color:var(--color-theme-4);
}
/*** ***/
.logo img{
	max-width:165px;
}
.mobile-logo img{
	max-width:165px;
}
.header-section{
	background:#fff;
}
.header-section.header-fixed{
	background-color:#fff;
}
.header-bar span{
	background:var(--color-theme);
}
.menu > li > a{
	color:#868686;
	font-size:14px;
}
@media(max-width:1400px){
	.logo img{
		max-width:125px;
	}
	.menu > li > a{
		padding:10px;
	}
}
@media(max-width:1240px){
	.container{
		width:100%;
		max-width:100%;
	}
}
@media(max-width:1080px){
	.logo img{
		max-width:100px;
	}
}
@media (max-width: 991px) {
	.menu li a:hover{
		background:var(--color-theme);
		color:#fff;
	}
}
.menu li .submenu{
	background:#f7f7f7;
}
.menu li .submenu li a{
	color:var(--color-theme);
}
.menu li .submenu li a:hover, .menu li .submenu li a.active{
	background:var(--color-theme);
	color:#fff;
}
.menu li a.active{
	position:relative;
}
.menu li a.active:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-10px;
	width:100%;
	height:3px;
	background:var(--color-theme);
}
.btn-login{
	padding:5pt 10px;
	background:var(--color-theme);
	border-radius:15px;
	color:#fff !important;
	font-weight:bold;
	transition:all ease .3s;
}
.btn-login:hover{
	background:var(--color-theme-2);
}
.banner{
	min-height:35vh;
}
.banner__content{
	min-height:35vh;
	display:flex;
	align-items:center;
}
.banner__wrapper{
	display:flex;
	align-items:center;
}
.enjoy-moment{
    background: linear-gradient(to right, #FFD49F, #FF7CB0, #8982EE);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;	
}
@media(max-width:991px){
	.banner, .banner__content{
		min-height:15vh;
	}
	.banner__content{
		flex-direction:column;
		align-items:start;
	}
	.menu li a.active:before{
		display:none;
	}
	.btn-login{
		border-radius:0;
	}
}
/*** section intro vmile ***/
.intro-vmile{
	padding:10em 0;
	background:#fff;
	position:relative;
	overflow:hidden;
}
.intro-vmile:before{
	content:'';
	position:absolute;
	right:3em;
	bottom:-100px;
	width:50%;
	height:100%;
	background:url(../images/img-02.png) no-repeat;
	background-position:center;
	background-size:contain;
}
.img-01{
	max-width:250px;
	margin:0 auto;
	display:block;
}
@media(max-width:991px){
	.intro-vmile{
		text-align:center;
	}
	.intro-vmile:before{
		right:0;
		bottom: -50px;
		max-width: 200px;
		height: 200px;
	}
}
@media(max-width:500px){
	.intro-vmile:before{
		width:100%;
	}
	.img-01{
		max-width:152px;
	}
}
/*** section vmile core ***/
.vmile-core{
	padding:10em 0;
	background:url(../images/bg-section-vmile-core.png) #fff no-repeat;
	background-size:cover;
	background-position:center;
	position:relative;
}
.img-03{
	position:absolute;
	left:0;
	top:-30px;
	width:100%;
	max-width:152px;
}
.mobile-img-03{
	display:none;
}
.section-title{
	position:relative;
	padding-bottom:20px;
	margin-bottom:30pt;
}
.section-title:before{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	max-width:65px;
	height:7px;
	background:var(--color-theme);
	border-radius:20px;
}
.section-title h3{
	color:#262626;
}
.core-card{
	background:#fff;
	padding:10pt;
	border-radius:25px;
	box-shadow:0 0 10px rgba(100,100,100,.15);
	min-height:152px;
	text-align:center;
	position:relative;
}
.core-card h4{
	font-size:14pt;
	margin-bottom:10px;
}
.core-card p{
	color:#797979;
}
.core-card-img{
	display:block;
	margin:20pt auto;
}
.core-card-img img{
	width:100%;
	max-width:152px;
}
.core-card-content{
	opacity:0;
	transition:all ease .3s;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	padding:10pt 30pt;
	border-radius:25px;
	cursor:pointer;
}
.core-card:hover .core-card-content{
	opacity:1;
	background:#fff;
}
.click-view-content{
	display:block;
	color:#888;
	font-size:12px;
	cursor:pointer;
}
@media (max-width:991px){
	.img-03{
		display:none;
	}
	.mobile-img-03{
		display:block;
		top:-60px;
	}
	.core-card{
		margin-bottom:20pt;
	}
	.core-card-content{
		display:none;
	}
	.click-view-content{
		display:none;
	}
}
@media(max-width:500px){
	.core-card{
		margin-bottom:20pt;
	}
	.click-view-content{
		margin:0 auto;
	}
}
/*** section join member ***/
.join-member{
	padding:10em 0;
	background:#fff;
	position:relative;
}
.img-04{
	position:absolute;
	top:-30px;
	right:20px;
	width:100%;
	max-width:125px;
}
.join-member-card{
	padding:3em 5em;
	background:#FFF0E5;
	border-radius:15px;
	position:relative;
	display:flex;
	align-items:center;
}
.join-member-card-left{
	width:30%;
	display:inline-block;
}
.join-member-title{
	font-size:20pt;
	font-weight:bold;
	color:#222;
	margin-bottom:15pt;
}
.btn-view-more{
	padding:10px 25pt;
	border-radius:25px;
	background:linear-gradient(45deg, #E7574E, #FFAD84);
	display:inline-block;
	color:#fff;
	transition:all ease .3s;
}
.btn-view-more:hover{
	color:rgba(255,255,255,.5);
}
.join-member-card-right{
	width:70%;
	display:inline-block;
}
.join-member-benefit{
	padding:30pt;
}
.join-member-benefit ul{
	margin:0;
	padding:0;
}
.join-member-benefit li{
	display:block;
	list-style:none;
	margin-bottom:15px;
}
.join-member-benefit-grid{
	display:flex;
	align-items:start;
}
.join-member-benefit-img{
	max-width:52px;
	width:100%;
	display:block;
	margin:0 10pt;
}
.join-member-benefit-content{
	font-size:14px;
	color:#777;
}
.join-member-benefit-content h4{
	color:#222;
	font-size:14pt;
	font-weight:bold;
	margin-bottom:10px;
}
@media(max-width:991px){
	.join-member-card{
		padding: 3em 3em;
	}
	.join-member-title{
		margin-bottom:0;
		font-size:25pt;
	}
}
@media(max-width:768px){
	.join-member-card{
		flex-direction:column;
	}
	.join-member-card-left, .join-member-card-right{
		width:100%;
	}
	.join-member-benefit{
		padding:30pt 0;
	}
}
@media(max-width:500px){
	.join-member-card{
		padding: 3em 3em;
	}
	.join-member-title{
		font-size:20pt;
	}
	.img-04{
		max-width:100px;
	}
}
@media(max-width:414px){
	.img-04{
		max-width:65px;
	}
}
/*** footer ***/
.footer-logo{
	max-width:200px;
	width:100%;
}
.scrollToTop{
	background:var(--color-theme);
	color:#fff;
}
/*** About page ***/
.about-mission-vission-card{
	background:var(--color-theme);
	padding:30pt;
	border-radius:30px;
	max-width:520px;
	margin:0 auto;
	display:block;
}
.about-mission-vission-card h3{
	padding-bottom:10pt;
	position:relative;
}
.about-mission-vission-card h3:before{
	content:'';
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	max-width:200px;
	height:2px;
	background:#fff;
}
.about-mission-vission-card p{
	color:#fff;
	margin-bottom:0;
}
.mobile-about-mission-vission-card{
	display:none;
}
.section-about-grid-01{
	padding:100pt 0;
	background:#fff;
	position:relative;
	overflow:hidden;
}
.section-about-grid-01-content p{
	color:#656565;
	font-weight:400;
}
.three-market-circle{
	max-width:165px;
	width:100%;
	display:block;
	margin:0 auto;
}
.img-05{
	position:absolute;
	top:-50%;
	right:50%;
	transform:translate(100%, 0);
	max-width:360px;
	width:100%;
}
.section-about-road-map{
	padding:100px 0 200px;
	height:auto;
	background:url(../images/roadmap-bg.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
	position:relative;
	
}
.img-06{
	position:absolute;
	top:-80px;
	left:20%;
	max-width:165px;
	width:100%;
}
.roadmap-line{
	/*position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);*/
	width:100%;
	max-width:320px;
	display:block;
	margin:0 auto;
}
.roadmap-grid{
	position:relative;
}
.roadmap-card{
	max-width:360px;
	position:absolute;
}
.roadmap-card h4{
	color:var(--color-theme);
}
.roadmap-card p{
	color:#656565;
	font-size:14px;
}
.roadmap-card-01{
	top:30px;
    right: 50%;
	transform: translateX(100%);
}
.roadmap-card-02{
	top: 220px;
    left:30%;
}
.roadmap-img-01{
	width:100%;
	max-width:125px;
	margin-left:30pt;
}
.roadmap-card-02-inner{
	display:flex;
	align-items:center;
	gap:20px;
}
.roadmap-card-02-content{
	max-width:360px;
}
.roadmap-card-03{
	top:360px;
    left:35%;
}
.roadmap-card-03-inner{
	display:flex;
	align-items:center;
	gap:20px;
}
.roadmap-img-02{
	width:100%;
	max-width:125px;
	margin-right:100pt;
}
.roadmap-card-04{
	top:500px;
    right: 50%;
	transform: translateX(100%);
}
.roadmap-card-05{
	top:630px;
    right:40%;
	transform: translateX(80%);
}
.roadmap-card-06{
	top:750px;
    left:20%;
	transform: translateX(-15%);
}
.roadmap-card-06-inner{
	display:flex;
	align-items:center;
}
.roadmap-card-06-content{
	max-width:360px;
}
.roadmap-card ul{
	margin:0;
	padding:0;
	padding-left:20px;
}
.roadmap-card ul li{
	color:#666;
	list-style: disc;
}
.roadmap-img-03{
	width:100%;
	max-width:165px;
	margin-left:25vh;
}
.roadmap-card-07{
	max-width:300px;
	top:920px;
    right:40%;
	transform: translateX(100%);
}
.roadmap-card-08{
	top:1000px;
    left:20%;
}
.roadmap-card-09{
	top:1100px;
    right:43%;
	transform: translateX(100%);
}
.roadmap-card-010{
	top:1240px;
    left:30%;
	transform: translateX(100%);
}
.roadmap-card-011{
    top: 1300px;
	left: 20%;
}
.roadmap-img-04{
	width:100%;
	max-width:125px;
}
.roadmap-card-012{
    top: 1380px;
	left:15%;
}
.roadmap-card-013{
	top:1430px;
    left:30%;
	transform: translateX(100%);	
}
.roadmap-card-014{
    top: 1560px;
	left: 20%;
}
.roadmap-card-015{
	top:1630px;
    left:30%;
	transform: translateX(100%);	
}
.roadmap-card-016{
	top:1520px;
    left:80%;
}
.roadmap-img-05{
	width:100%;
	max-width:125px;
}
.roadmap-card-017{
	top:1750px;
    left:40%;
	transform: translateX(100%);	
}
.roadmap-card-018{
	top:1720px;
    left:40%;
}
.roadmap-img-06{
	width:100%;
	max-width:125px;
}
.roadmap-card-019{
	top:1820px;
    left:20%;
}
@media(max-width:991px){
	.section-about-grid-01{
		text-align:center;
		padding-top:0;
		overflow: visible;
	}
	.three-market-circle{
		max-width:100px;
	}
	.about-mission-vission-card{
		margin:0;
		display:none;
	}
	.mobile-about-mission-vission-card{
		display:block;
		width:100%;
		max-width:100%;
		margin-top:-100px;
		margin-bottom:60px;
		text-align:left;
	}
	.about-mission-vission-card h3{
		font-size:16pt;
	}
	.about-mission-vission-card p{
		font-size:12pt;
	}
	.roadmap-card-02{
		left: 15%;
	}
	.roadmap-card-06{
		left: 10%;
	}
	.roadmap-img-03{
		margin-left:0vh;
	}
	.roadmap-card-07{
		right: 33%;
	}
	.roadmap-card-08{
		transform: translateX(-50%);
	}
	.roadmap-card-010{
		transform: translateX(80%);
	}
	.roadmap-card-011{
		transform: translateX(-50%);
	}
	.roadmap-card-013 {
        transform: translateX(65%);
    }
	.roadmap-card-014{
		transform: translateX(-50%);
	}
	.roadmap-card-015{
		transform: translateX(75%);
	}
	.roadmap-card-017{
		transform: translateX(65%);
	}
	.roadmap-card-019{
		transform: translateX(-50%);
	}
	.img-05{
		top:-25%;
	}
	.img-06{
		max-width:100px;
		top:-45px;
	}
}
@media(max-width:866px){
	.section-about-road-map{
		padding:100px 0 60px;
		overflow:hidden;
	}
	.roadmap-grid{
		padding-left:30pt;
	}
	.roadmap-grid:before{
		content:'';
		position:absolute;
		left:0;
		top:0;
		width:2px;
		height:100%;
		background:linear-gradient(0deg, rgba(255,255,255,.15), #e5c9f3, rgba(255,255,255,.15));
	}
	.img-06{
		display:none;
	}
	.roadmap-line{
		display:none;
	}
	.roadmap-card{
		position:relative;
		width: 100%;
        display: block;
        max-width: none;
		margin-bottom:20pt;
	}
	.roadmap-card:before{
		content:'';
		position:absolute;
		left:-36px;
		top:10px;
		transform:translateX(-50%);
		width:32px;
		height:32px;
		background:url(../images/roadmap-ball.png) no-repeat;
		background-size:contain;
		/*left:-20px;
		top:10px;
		transform:translateX(-50%);
		width:36px;
		height:1px;
		background:linear-gradient(to right, #e5c9f3 30%, var(--color-theme));*/
	}
	.roadmap-card-01{
		top:auto;
		right:auto;
		transform: translateX(0);
	}
	.roadmap-card-02{
		left:auto;
		top:auto;
	}
	.roadmap-card-02-content{
		max-width:none;
	}
	.roadmap-img-01{
		margin-left:0pt;
	}
	.roadmap-card-03{
		left:auto;
		top:auto;
	}
	.roadmap-card-03-inner{
		flex-direction:row-reverse;
		justify-content: start;
		align-items:start;
	}
	.roadmap-img-02{
		margin-right:0;
		max-width: 80px;
	}
	.roadmap-card-04{
		top:auto;
		right:auto;	
		transform: translateX(0);
	}
	.roadmap-card-05{
		top:auto;
		right:auto;
		transform: translateX(0);
	}
	.roadmap-card-06{
		top:0;
		left:0;
		transform: translateX(0);
	}
	.roadmap-card-06-content{
		max-width:none;
	}
	.roadmap-card-07{
		top:0;
		right:0;
		transform: translateX(0);
	}
	.roadmap-card-08{
		top:0;
		left:0;
		transform: translateX(0);	
	}
	.roadmap-card-09{
		top:auto;
		right:auto;
		transform: translateX(0);	
	}
	.roadmap-card-010{
		top:auto;
		left:auto;
		transform: translateX(0);	
	}
	.roadmap-card-011{
		top: 0;
        left: 0;
        transform: translateX(0);	
	}
	.roadmap-card-012{
		top: 0;
        left: 0;
        transform: translateX(0);	
		display:none;
	}
	.roadmap-card-013{
		top: 0;
        left: 0;
        transform: translateX(0);	
	}
	.roadmap-card-014{
		top: 0;
        left: 0;
        transform: translateX(0);	
	}
	.roadmap-card-014 img{
		display:none;
	}
	.roadmap-card-015{
		top: 0;
        left: 0;
        transform: translateX(0);	
	}
	.roadmap-card-016{
		top: 0;
        left: 0;
        transform: translateX(0);	
		display:none;
	}
	.roadmap-card-017{
		top: 0;
        left: 0;
        transform: translateX(0);	
	}
	.roadmap-card-018{
		top: 0;
        left: 0;
        transform: translateX(0);	
		display:none;
	}
	.roadmap-card-019{
		top: 0;
        left: 0;
        transform: translateX(0);	
	}
	.roadmap-card-019 img{
		display:none;
	}
}
@media(max-width:768px){
	.img-05{
		max-width:152px;
		top:0;
	}
}
/*** Academy page ***/
.section-academy-grid-01{
	position:relative;
	padding:100px 0;
	background:#fff;
}
.three-system-card{
	margin-top:30pt;
	text-align:center;
	padding:15pt;
	padding-bottom:0;
	border-radius:15px;
	background:#FFF8F1;
	box-shadow:3px 3px 10px rgb(227 180 131 / 50%);
}
.three-system-card h4{
	color:#222;
	font-size:18pt;
}
.three-system-card p{
	color:#777;
	font-size:12pt;
	margin-bottom:0;
}
.three-system-icon{
	width:100px;
	height:100px;
	display:block;
	margin:0 auto;
	margin-top:-45pt;
	margin-bottom:15pt;
}
.three-system-icon img{
	max-width:100%;
}
/*** news/event page ***/
.section-news-events{
	padding:100px 0;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.img-07{
	position:absolute;
	top:50px;
	left:-30pt;
	max-width:250px;
}
.img-08{
	position:absolute;
	top:150px;
	right:-30pt;
	max-width:250px;
}
.latest-news-card{
	background:#ffe5d27a;
	border-radius:15px;
	position:relative;
}
.latest-news-card-header{
	padding:15pt 15pt 0 15pt;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.latest-news-card-title{
	font-weight:bold;
	font-size:18pt;
	color:#262626;
}
.latest-news-card-date{
	font-size:12px;
	color:#777;
}
.latest-news-card-content{
	padding:15pt;
}
.latest-news-card-content p{
	color:#656565;
	margin-bottom:10pt;
}
.owl-theme .owl-dots{
	position:absolute;
	bottom:20px;
	left:50%;
	transform:translateX(-50%);
}
#carousel-latest-news .owl-item img{
	max-height:300px;
	max-width: fit-content;
	display:block;
	margin:0 auto;
	border-radius:10px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background:rgba(255,255,255,1) !important;
}
.owl-theme .owl-dots .owl-dot span{
	background:rgba(255,255,255,.5) !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
	
	font-size:16pt !important;
}
#carousel-latest-events button.owl-prev{
	position:absolute;
	left:0;
	top: 50%;
    transform: translateY(-50%);
	font-size:2em !important;
	transition:all ease .3s;
}
#carousel-latest-events button.owl-next{
	position:absolute;
	right:0;
	top: 50%;
    transform: translateY(-50%);
	font-size:2em !important;
	transition:all ease .3s;
}
#carousel-latest-events button.owl-prev:hover, #carousel-latest-events button.owl-next:hover{
	background:transparent !important;
	color:#222 !important;
}
.carousel-latest-events-card{
	padding:10px;
	overflow:hidden;
	position:relative;
}
.carousel-latest-event-img{
	border-radius:10px 10px 0 0;
}
.carousel-latest-event-img img{
	border-radius:10px 10px 0 0;
}
.carousel-latest-events-content{
	border:1px solid #ddd;
	border-top:none;
	border-radius:0 0 10px 10px;
	padding:10px;
}
.carousel-latest-events-content p{
	color:#797979;
	font-size:14px;
}
.carousel-latest-events-date{
	color:#797979;
	margin-bottom:5px;
}
.carousel-latest-events-title{
	font-weight:bold;
	color:#262626;
	margin-bottom:5px;
}
@media (max-width:991px){
	.img-07{
		max-width:165px;
	}
}
.section-latest-anno{
	padding:100px 0;
	position:relative;
	background:url(../images/latest-anno-bg.jpg) no-repeat;
	background-position:center top;
	background-size:cover;
}
.img-09{
	position:absolute;
	top:-150px;
	left:30%;
	max-width:152px;
}
.section-media-news{
	padding:100px 0;
	position:relative;
	background:#fff;
}
.media-news-card{
	position:relative;
	border:1px solid #ddd;
	border-radius:15px;
}
.media-news-img img{
	border-radius:15px 15px 0 0;
	max-width:100%;
	width:100%;
}
.media-news-content{
	padding:15pt;
}
.media-news-content p{
	color:#797979;
	margin-bottom:10pt;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.media-news-post-date{
	color:#797979;
	font-size:12px;
	margin-bottom:10px;
}
.media-news-title{
	font-weight:600;
	color:#262626;
	margin-bottom:10px;
}
.modalNews .modal-dialog{
	max-width:800px;
	font-size:14px;
}
.modalNews .modal-body p{
	color:#666;
}
.modalNews .modal-body ul{
	margin:0;
	padding:0;
}
.modalNews .modal-body li{
	padding-left:15px;
	margin-bottom:10px;
	color:#6c6c6c;
}
/*** contact us page ***/
.section-contact-us{
	padding:100px 0 200px;
	position:relative;
	background:url(../images/contact-us-bg.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}
.contact-us-card{
	background:#fff;
	border-radius:15px;
	box-shadow:0 0 10px rgba(0,0,0,.15);
	padding:30pt;
	margin-top:-200px;
}
.contact-robot-img{
	max-width:250px;
	display:block;
	margin:20pt auto;
}
.contact-us-list{
	margin-bottom:20pt;
}
.contact-us-list li{
	margin-bottom:15pt;
	color:#393939;
}
.link{
	color:var(--color-theme);
	transition:all ease .3s;
}
.link:hover{
	color:var(--color-theme-2);
}
.icon-contact-list{
	margin-right:10pt;
}
.icon-contact-list img{
	width:16px;
}
@media(max-width:991px){
	.contact-us-card{
		text-align:center;
	}
	.contact-us-list{
		text-align:center;
	}
	.icon-contact-list{
		display:block;
	}
}
/*** travel page ***/
.section-travel-grid01{
	padding:100px 0;
	background:#fff;
	position:relative;
}
.section-travel-grid01 h3{
	margin-bottom:20pt;
}
.section-travel-grid01 p{
	color:#656565;
	font-size:14pt;
}
.travel-img{
	max-width:360px;
	display:block;
	margin:15pt auto;
}
.section-travel-business{
	padding:100px 0;
	position:relative;
	background:url(../images/travel-business-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center top;
	min-height:600px;
}
.travel-business-card{
	background:#fff;
	border-radius:15px;
	box-shadow:0 0 15px rgba(0,0,0,.15);
	padding:20pt;
}
.business-logo{
	max-width:220px;
}
.travel-business-img{
	overflow:hidden;
	border-radius:15px;
	margin:0 auto;
	display:block;
}
.travel-business-img img{
	width:100%;
	max-width:100%;
}
@media (max-width:991px){
	.section-travel-grid01{
		text-align:center;
	}
	.section-travel-grid01 p{
		font-size:12pt;
	}
	.travel-img{
		max-width:200px;
	}
}
@media (max-width:414px){
	.travel-img{
		max-width:220px;
	}
}
/*** payment gateway page ***/
.section-payment-gateway-grid01{
	padding:100px 0;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.section-payment-gateway-grid01 h3{
	margin-bottom:20pt;
}
.section-payment-gateway-grid01 p{
	color:#656565;
	font-size:14pt;	
}
.payment-img{
	max-width:360px;
	display:block;
	margin:15pt auto;	
}
.payment-gateway-img01{
	position:absolute;
	top:150px;
	right:-180px;
	max-width:360px;
}
.payment-gateway-img02{
	position:absolute;
	top:300px;
	left:180px;
	max-width:360px;
}
.section-partnership{
	padding:100px 0;
	background:url(../images/partnership-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center top;
	min-height:520px;
}
.partnership-card{
	border-radius:15px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.15);
}
.partnership-card-header{
	padding:15pt 15pt 0 15pt;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.partnership-card-header h4{
	color:#262626;
	margin-bottom:0;
}
.partnership-logo{
	max-width:100px;
}
.partnership-card-content{
	padding:15pt;
}
.partnership-card-content p{
	color:#797979;
	margin-bottom:10pt;
}
@media(max-width:991px){
	.section-payment-gateway-grid01{
		text-align:center;
	}
	.payment-gateway-img02{
		left:100px;
		top:400px;
	}
	.section-payment-gateway-grid01 p{
		font-size:12pt;
	}
	.partnership-card-header{
		flex-direction:column-reverse;
		justify-content:start;
		align-items:start;
	}
	.partnership-logo{
		max-width:145px;
	}
}
@media (max-width:414px){
	.payment-img{
		max-width:220px;
	}
}
/*** alliance page ***/
.section-alliance-grid01{
	padding:100px 0;
	position:relative;
	background:#fff;
}
.section-alliance-grid01 h3{
	margin-bottom:10pt;
}
.section-alliance-grid01 p{
	color:#656565;
	font-size:14pt;	
}
.alliance-img{
	max-width:265px;
	display:block;
	margin:0 auto;
}
.alliance-three-core{
	padding:100px 0;
	position:relative;
	background:url(../images/alliance-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center top;
}
.section-collaboration{
	padding:100px 0;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.collaboration-grid{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:30pt;
	background:#FFF0E5;
	border-radius:25px;
	padding:30pt;
}
.collaboration-grid-01{
	text-align:center;
	color:#393939;
}
.collaboration-img{
	max-width:120px;
}
.collaboration-grid-middle{
	display:flex;
	gap:10px;
	align-items:center;
}
.collab-grid-middle-01, .collab-grid-middle-03{
	position:relative;
	padding:20pt;
}
.collab-grid-middle-01 span, .collab-grid-middle-03 span{
	position:relative;
	color:#5D5D5D;
	font-weight:bold;
	font-size:14px;
}
.collab-grid-middle-01:before, .collab-grid-middle-03:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:100%;
	height:100%;
	background:url(../images/arrow-light-img.png) no-repeat;
	background-position:center;
	background-size:contain;
}
.collab-grid-middle-02{
	padding:15pt;
	margin:40pt 0 0;
}
.three-core-col{
	padding:10pt 15pt;
	margin-bottom:10pt;
	border-radius:15px;
	background:var(--color-theme);
	color:#fff;
}
.collaboration-grid-03{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	gap:10pt;
}
.vmile-collab-badge{
	padding:10pt 15pt;
	border-radius:15px;
	background:#E0466E;
	color:#fff;	
}
@media(max-width:991px){
	.section-alliance-grid01{
		text-align:center;
	}
	.section-alliance-grid01 p{
		font-size:12pt;
	}
	.alliance-img{
		max-width:152px;
		margin:30pt auto;
	}
	.collaboration-grid{
		flex-direction:column;
	}
	.collaboration-grid-middle{
		flex-direction:column;
		gap:0;
	}
	.collab-grid-middle-01 span, .collab-grid-middle-03 span{
		font-size:12pt;
	}
	.collab-grid-middle-01:before, .collab-grid-middle-03:before{
		transform:translateY(-50%) translateX(-50%) rotate(0deg);
		width: 120%;
        height: 120%;
		min-height: 250px;
        min-width: 165px;
        left:50%;
		background: url(../images/arrow-light-img-2.png) no-repeat;
		background-size:contain;
		background-position:center;
	}
	.collab-grid-middle-02{
		margin:40pt 0 15pt;
	}
	.collab-grid-middle-03 span{
		width:50%;
		display:block;
		text-align:center;
		margin:0 auto;
	}
	.collaboration-grid-03{
		margin:30pt 0 10pt;
	}
	.three-core-col{
		width:100%;
		min-width:200px;
		text-align:center;
	}
	.vmile-collab-badge{
		width:100%;
		min-width:200px;
		text-align:center;	
	}
}
@media (max-width:414px){
	.alliance-img{
		max-width:200px;
	}
}
/*** events page ***/
@media(max-width:991px){
	.section-latest-anno-grid{
		padding:60px 0;
	}
}
.collapse-anno-content a[aria-expanded="false"] svg{
	transition:all ease .3s;
	transform:rotate(0deg);
}
.collapse-anno-content a[aria-expanded="true"] svg{
	transform:rotate(180deg);
}