/*** Style ***/                                                             
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');

:root{
  --gray-color: #f5f6fa;
  --main-color: #b31e8d;
  --secondary-color: #F7A600;
  --graytxt-color: #8b8b8b; 
  --purple-color: #7460cf; 
  --lightPurple-color: #e5e0fe;
  --bs-indigo: #7460cf;
}
body{
	font-family: "Noto Sans Thai", sans-serif;
	font-size: 14px;
	overflow-x: hidden;
}
h1,.h1{
    font-size: 63px;
    line-height: 73px;
    font-weight: 400;
    margin: 24px 0 36px 0;
    color: #282828;
}
.h3, h3{
    font-size: 18px;
}
a{
	color: var(--main-color);
    text-decoration: none;
    cursor: pointer;
}
img{
    max-width: 100%;
}
.notification {
	position:absolute;
    margin-left: -13px;
    margin-top: 3px;
}
ul{
	list-style: none;
    padding: 0;
}
:focus-visible {
    outline: none;
}
.pin-spacer {
	pointer-events: auto !important;
}
.btn{
    position: relative;
    padding: 10px 40px;
    line-height: 18px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
	--bs-btn-focus-box-shadow: none;
}
.btn.big{
    position: relative;
    padding: 23px 60px;
    line-height: 28px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
    font-size: 28px;
    font-weight: 600;
}
.btn-primary, .btn-primary:focus{
	position:relative;
    color: var(--main-color);
    border: none;
    background:#fff;
	border-radius: 6px;
	font-size: 15px;
    line-height: 15px;
    padding: 8px 25px;
}
.btn-primary::before{
    border-radius: 9px;
    content: '';
    background-image: linear-gradient(to right, #B9C8F9 0%, #9979FB 50%, #EF90D2 100%);
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    position: absolute;
    z-index: -1;
}
.btn-primary:hover{
    background-image: linear-gradient(to right, #B9C8F9 0%, #9979FB 50%, #EF90D2 100%);
}
.btn-secondary, .btn-secondary:focus{
    color: #fff;
    border: none;
    background-size: 300% 100%;
    background: var( --secondary-color);
}
.btn-secondary:hover{
    background:#8284ff;
}
.btn-check:focus+.btn, .btn:focus,.btn-check:active+.btn, .btn-check:checked+.btn,
.btn.active, .btn.show, .btn:active{
    color: #fff;
    background-color: #8284ff;
    border-color:transparent;
	border:0;
	box-shadow: none;
}
/*** Header ***/
nav.navbar{
	position: fixed;
    width: 100%;
    z-index: 9;
    background: #fff;
	padding: 0.7rem 0;
    box-shadow: 0px 4px 17px rgb(0 0 0 / 5%);
}
.logo-aeon{
    width: 55px;
}
.aeon-logo{
    width: 65px;
    margin-left: 10px;
}
.primo-logo{
	width: 73px;
    margin-left: 4px;
}
.apply_now a{
	display: block;
	font-weight: 600;
    font-size: 17px;
    line-height: 17px;
    background-image: linear-gradient(98deg, #AEC5FF 0%, #867BFF 31%, #8B75FF 64%, #EC8ED9 93%);
    padding: 0.7rem 2rem;
    border-radius: 4px;
    box-shadow: 0 2px 9.3px rgb(153 143 194);
    color: #fff;
    margin: 0 20px;
	transition: all .2s ease-in-out;
}
.apply_now a:hover{
	transform: scale(1.1);
}
.launguge_switcher{
    font-size: 13px;
	color:#2A2A2A;
}
.nav-item .launguge_switcher {
    margin-top: 50px;
	color: #fff;
}
.launguge_switcher .launguge:first-child{
	margin-right: 7px;
}
.launguge_switcher .launguge:last-child {
    margin-left: 7px;
}
.launguge_switcher a,.launguge_switcher a:hover,.launguge_switcher a:focus{
	color:#2A2A2A;
}
.launguge_switcher .active{
	font-weight:700;
}
.launguge_switcher  .separator{
    position: relative;
}
.launguge_switcher  .separator:before{
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    background: #2A2A2A;
}
.nav-item .launguge_switcher .separator:before{
    background: #fff;
}
.navbar-toggler[aria-expanded="true"] i.ti-menu.midle{
    background-color: rgba(0, 0, 0, 0.0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.navbar-toggler-icon i:first-child {
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s;
    transition-delay: 0.2s, 0s;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon i:first-child{
    margin-top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0s, 0.2s;
    transition-delay: 0s, 0.2s;
}
.navbar-toggler-icon i:last-child{
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s;
    transition-delay: 0.2s, 0s;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon i:last-child{
    margin-top: -19px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0s, 0.2s;
    transition-delay: 0s, 0.2s;
}
/*** Sections **/
.section_hero{
	position:relative;
    padding: 100px 0 0;
	background-image:url(../images/mask-bg.png);
	background-position: center;
}
.section_hero:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 20%;
    z-index: -1;
    background-image: linear-gradient(rgb(231 236 238 / 0%) 0%, #2386B2 52%, #3d83c800 100%);
}
.section_hero:after{
    content: "";
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: linear-gradient( #fff 0%, #fff 52%, rgb(255 255 255 / 0%) 100%);
}
.heroBg-bottom{
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    z-index: 0;
    background-image: linear-gradient(rgb(255 255 255 / 0%) 0%, #fff 100%, rgb(255 255 255 / 1%) 100%);
}
.heroBg-bottom2{
	width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background-image: linear-gradient(rgb(255 255 255 / 0%) 0%, #fff 51%, rgb(255 255 255 / 100%) 100%);
}
/*** Sections **/
.section_video{
   background-image: linear-gradient(#fff 0%, #fff 56%, #2b9fc3 100%);
    padding: 8rem 0;
}
.section_benefits{
	background-image: linear-gradient(181deg, #2b9fc3 0%, #1d74a5 34%, #66b6cb82 85%, #eef1f303 100%);
    padding: 0 0 30px 0;
}
.section_cta{
    background-image: linear-gradient(transparent, #ebf5f800);
}
/*** Hero section**/
iframe.video{
	width:100%;
    height: 599px;
    height: 920px;
	width: 965px;
    height: 545px;
	width: 1297px;
    height: 732px;
    border-radius: 50px;
    border: 3px solid #21C0DC;
}
.section_hero h1{
   margin-top: 0;
}
.aeon-primo{
    width: 440px;
}
.benefits{
	position:relative;
	margin-top: 25px;
}
.prime_mobile{
	width: 500px;
    z-index: 4;
    position: relative;
	margin: auto;
}
.card_benefits{
	position:absolute;
	width: 120px;
	transition: all .2s ease-in-out;
}
.card_benefits:hover{
	scale: 1.2;
}
.card_benefits:hover:before {
	content:"";
	border:1px solid #fff;
	width:calc(100% + 3px);
	height:calc(100% + 3px);
}
.card_benefits.lounge{
	position:absolute;
	left:-180px;
	top:0;	
}
.card_benefits.visa{
	position:absolute;
	left:-315px;
	top:100px;
}
.card_benefits.plan{
	position:absolute;
	left:-200px;
	top:210px;
}
.card_benefits.cashback{
	position:absolute;
	right:-155px;
	top:0px;
}
.card_benefits.gift{
	position:absolute;
    right: -260px;
    top: 140px;
}

.card_benefits.travel{
    position: absolute;
    right: -173px;
    top: 268px;
}

.card_benefits.happy-point{
    position: absolute;
    right: -260px;
    top: 140px;
}
/*** section_benefits ***/
.wrap-card_first{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
	height: 100%;
}
.stroke_title{
    -webkit-text-stroke: 1px #fff;
    color: var(--main-color);
    font-weight: 700;
	font-size: 35px;
    line-height: 35px;
    letter-spacing: -1.5px;
}
.wrap-card_first img{
    width: 274px;
}
.wrap-card{
	position: relative;
    z-index: 1;
	background: #fff;
    border-radius: 20px;
    padding: 3.75rem 1.25rem 1.25rem 1.25rem;
    text-align: center;
	height: 100%;
}
.wrap-card img{
	width: 120px;
}
.wrap-card h2{
	margin: 20px 0;
    font-size: 21px;
    font-weight: 700;
}
.wrap-card p{
	font-size: 19px;
    color: #4A4A4A;
}
.with-modalBtn{
	padding-bottom: 63px;
}
.with-modalBtn .btn{
	position: absolute;
    bottom: 30px;
    left: calc(50% - 87px);
    width: 175px;
}
.privileges{
	position:relative;
    margin-top: 60px;
    border-radius: 42px;
    width: 100%;
    float: left;
	display: flex;
    flex-wrap: wrap;
	align-items: center;
	margin-bottom: 4rem;
}
.privileges:before{
    content: '';
    background: #1D74A5;
    top: 7px;
    left: 0;
    bottom: 7px;
    right: 0;
    position: absolute;
    z-index: 2;
    border-radius: 13px;
}
.privileges:after{
	border-radius: 20px;
    content: '';
    background-image: linear-gradient(to right, #B9C8F9 0%, #9979FB 50%, #EF90D2 100%);
    top: 0px;
    left: -7px;
    bottom: 0px;
    right: -7px;
    position: absolute;
}
.privileges_left{
    width: 50%;
    float: left;
    color: #fff;
    padding: 2rem;
	flex: 0 0 auto;
	z-index: 3;
}
.privileges_right{
    width: 50%;
    float: left;
	padding: 0 1rem 0 0;
	flex: 0 0 auto;
	z-index: 3;
}
.privileges svg{
    height: 100%;
}
/***section_visa **/
.section_visa{
	position: relative;
	background-image: linear-gradient(90deg, #7099ff 0%, #b7cbff 16%, #fff 43%, #fff5fc 63%, #f290d5 100%);
    padding: 4rem 0;
	z-index:0;
}
.wrapper-card{
	position: relative;
    text-align: center;
}
.wrapper-card img{
    width: 130px;
}
.wrapper-card h2{
	font-size: 23px;
    font-weight: 700;
    margin: 27px 0;
}
.wrapper-card p{
	font-size: 17px;
	color:#4A4A4A;
	margin-bottom: 27px;
}
/***section_promotion***/
.section_promotion{
    padding: 4rem 0;
}
.card_promotion,.card_scan{
	position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 3.75rem 1.25rem 1.25rem 1.25rem;
	z-index: 0;
}
.card_promotion h2,.card_scan h2{
	background: -webkit-linear-gradient(left, #66B6CD, #1D74A5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-weight: 700;
}
.card_promotion b,.card_scan b{	
    font-size: 19px;
}
.card_promotion .btn,.card_scan .btn{	
	margin-top: 2rem;
}
.card_promotion strong,
.card_scan strong{
	color:#21C0DC;
}
.promotion-img{
    position: relative;
    margin-bottom: -72px;
    z-index: 5;
}
.promotion-person,.promotion-lazada{
    position: absolute;
    top: 0;
    left: 0;
}
.qr-mobile{
    width: 505px;
}
/*** Modal ***/
.modal-dialog{
	max-width: 700px;
}
.modal-header{
    flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	border-bottom: none;
	padding-bottom: 0;
	text-align: center;
}
.modal-title{
    font-size: 1.2rem;
    font-weight: 600;
}
.modal-header h3{
	color: var(--main-color);
    font-size: 1rem;
    font-weight: 600;
}
.close{
	position: absolute;
    top: 0px;
    right: -30px;
    background-image: linear-gradient(#9797FF 0%, #EB90DC 100%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    font-size: 1.2rem;
	cursor: pointer;
}
.modal-textWrap{
	background-color: rgb(157 171 185 / 11%);
    border-radius: 14px;
    padding: 15px;
}
.modal-text{
    padding: 15px;
	height: 380px;
    overflow-y: scroll;
}
.modal-text::-webkit-scrollbar{
	width: 7px;
}
.modal-text::-webkit-scrollbar-track{
	background-color: #ddd;
	border-radius: 100px;
}
.modal-text::-webkit-scrollbar-thumb{
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 100px;
	background-color: var(--main-color);
	background-image: linear-gradient( #B9C8F9 0%, #9979FB 50%, #EF90D2 100%);  
}
.modal-text::-moz-scrollbar-button, .map-position ul::-webkit-scrollbar-button{
	width: 0px;
	height: 0;
}
.modal-footer{
	justify-content: center;
	border: none;
	z-index: 1;
}
/*** Tabs ***/
.section_tabs{
    padding: 7rem 0;
	background-image: linear-gradient(181deg, #2b9fc300 0%, #1d74a5 99%, #1D74A5 100%);
}
.section_tabs h2{
    font-size: 4rem;
	line-height: 1.7em;
	font-weight: 700;
	background: -webkit-linear-gradient(right, #C494FF, #8284FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section_tabs h3{
    font-size: 2rem;
	font-weight: 700;
	color: #1D74A5;
   margin-bottom: 2rem;
}
.tabs{
	margin-top: 4rem;
    padding: 2rem 3rem;
    box-shadow: 0 9px 40px -9px hsl(203.92deg 100% 29.02% / 41%);
	border-radius:25px;
	background: #fff;
}
.tabs .nav.nav-tabs{
	display: flex;
    justify-content: space-between;
	background: #F1F5F9;
	border-radius:12px;
	border: 0;
    padding: 0.9rem 2.2rem;
	margin-bottom: 3rem;
}
.tabs .nav-item{
	min-width: 20%;
}
.tabs .nav-link{
	color:#1D74A5;
	background: #fff;
	border-radius:8px;
	min-width: 100%;
}
.tabs .nav-link.active{
	background-image: linear-gradient(to right, #66B6CD 0%, #1D74A5  100%);
	color:#fff;
}
.slider-wrap{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.slider-items{
	width: 460px;
    min-width: 460px;
	background:#B7CBFF;
	border-radius:25px;
	padding: 3rem 1rem 1rem;
}
.slick-slide h3{
	font-size: 1.5rem;
    font-weight: 700;
    color: #1D74A5;
    margin-top: 2rem;
	margin-bottom: 0;
}
.slick-list:before{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; 
    top: 0;
    background: url(../images/mobile-frame.png);
    z-index: 9;
	background-size: 100%;
    background-repeat: no-repeat;
}
.process-slider,
.scan-slider,
.activation-slider,
.additionalCards-slider{
    width: 310px;
	margin: auto;
}
.slick-list{
    width: 100%;
}
.process-titles,.activation-titles,
.scan-titles,.additionalCards-titles{
	padding-left: 55px;
	text-align: left;
    font-size: 1.1rem;
    font-weight: 500;
}
.slick-item{
	padding: 8px;
	margin-bottom: 0.2rem;
	border-radius:8px;
	cursor: pointer;
}
.slick-item.selected{
	background:#F1F5F9;
}
.dots-and-arrows{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
	margin-top: 20px;
}
.slick-arrow {
	background-color:#fff;
	background-image:url(../images/tabler_chevron-left.svg);
	background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    border: 0;
    border-radius: 7px;
    text-indent: -99999px;
    width: 35px;
    height: 35px;
}
.slick-arrow.slick-next{
	background-image:url(../images/tabler_chevron-right.svg);
}
.slick-dots{
	margin: 20px 10px;
}
.slick-dots li{
	position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 17px;
    height: 17px;
}
.slick-dots li button{
	position: relative;
    border-radius: 50%;
    text-indent: -9999px;
    width: 17px;
    height: 17px;
    border: 3px solid #b7cbff;
    padding: 0;
    background: #fff;
}
.slick-dots li.slick-active:before{
	border-radius: 50%;
    content: '';
    background-image: linear-gradient(to right, #c995ff 0%, #8485ff 100%);
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    position: absolute;
}
/**** accordion **/
.section_accordion{
    background-image: linear-gradient(181deg, #1D74A5 0%, #1d74a5b3 99%, #1D74A5 100%);
}
.section_accordion h2 {
    font-size: 4rem;
    font-weight: 700;
    color:#fff;
	margin: 4rem 0;
}
.accordion-item{
    background: transparent;
    margin-bottom: 2rem;
	border: 0;
}
.accordion-button{
	background: #F1F5F9;
	box-shadow:none;
	border-radius: 24px;
}
.accordion-button:not(.collapsed){
    color: #000;
    background-color: #F1F5F9;
    box-shadow: none;
}
.accordion-item:first-of-type .accordion-button,
.accordion-item .accordion-button,
.accordion-item:last-of-type .accordion-button{
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-item .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button.collapsed,
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:last-of-type .accordion-button.collapsed{
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
	border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
}
.accordion-item .accordion-collapse{
    background-color: #F1F5F9;
	margin-bottom: 2rem;
}
.accordion-item .accordion-collapse,
.accordion-item:last-of-type .accordion-collapse{
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
}
.accordion ul{
    list-style-type: disc;
	padding: 0 var(--bs-accordion-body-padding-x);
}
/*** more-information ***/
.more-information{
	position:relative;
    padding: 7rem 0;
    background-image: url(../images/mask-bg.png);
    background-position: center;
	background-attachment: fixed;
}
.more-information:before{
    content: "";
    width: 100%;
    height: 80%;
    position: absolute;
    left: 0;
    top: 20%;
    z-index: -1;
    background-image: linear-gradient(rgb(231 236 238 / 0%) 0%, #2386B2 52%, #3d83c8  100%);
}
.more-information h2{
    font-size: 4rem;
    line-height: 5.5rem;
    font-weight: 400;
    margin: 24px 0 36px 0;
    color: #282828;
}
.more_info{
	width: 530px;
    margin: auto;
}
.prime_mobile-big{
    margin-top: 4rem;
}
.wrap-info{
	position: relative;
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background: rgb(255 255 255 / 75%);
    border-radius: 28px;
    padding: 20px;
	margin-top: -36px;
    z-index: 3;
}
.thana-sinsap,.qr{
	width: 86px;
}
.app-download{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
}
.info-text {
   text-align: left;
    color: #B52591;
    font-size: 12px;
    margin-bottom: 10px;
}
.download-app img{
    width: 134px;
}
.download-app img.google-play-logo{
   margin-right: 10px;
}

/*** footer ***/

footer{
	background-color: #F1F5F9;
	text-align:center;
	padding: 15px 0;
}
@media (max-width: 1400px){
	iframe.video{
		width: 1135px;
        height: 641px;
	}
}
@media (max-width: 1200px){
	.qr-mobile{
		margin-top: 4rem;
	}
	iframe.video{
		width: 965px;
		height: 545px;
	}
}
@media (max-width: 992px) {
	.logo-wrapper{
		order: 1;
	}
	.apply_now{
		order: 2;
	}
	.navbar-toggler{
		order: 3;
		color: #7461CF;
		font-size: 21px;
		border: 0;
	}
	.navbar-toggler:focus{
		box-shadow: none;
	}
	.navbar-toggler-icon{
		background-image: none;
	}
	.navbar-toggler i{
		color: #7461CF;
		font-size: 21px;
		background: #7461CF;
		width: 100%;
		height: 4px;
		display: block;
		border-radius: 3px;
	}
	.navbar-toggler i.midle{
		margin: 6px 0 6px 30%;
		width: 70%;
	}
	.navbar.navbar-expand-lg{
		z-index: 12;
		position: fixed;
		top: 0;
		width: 100%;
		background: #fff;
	}
	.navbar.navbar-expand-lg ul{
		text-align: center;
		font-size: 1.3rem;
		height: 100vh;
	}
	.navbar.navbar-expand-lg ul a{
		display: flex;
        justify-content: center;
        align-items: center;
		color: #fff;
		width: 100%;
        height: 100%;
	}
	.navbar-collapse{
		position: fixed;
		top: 77px;
		left: 0;
		width: 100%;
		height: 100vh;	
		background-image: linear-gradient(98deg, #AEC5FF 0%, #867BFF 31%, #8B75FF 64%, #EC8ED9 93%);	
		z-index: 9999;
	}
	.nav-item{
		height: calc((100% - 77px) / 6);
    }
	.nav-item.item-benefits{
		background-color:#5AB5AF;
	}
	.nav-item.item-promotion{
		background-color:#35D4CB;
	}
	.nav-item.item-process{
		background-color:#21C0DC;
	}
	.nav-item.item-steps{
		background-color:#4E9ED3;
	}
	.nav-item.item-information{
		background-color:#005994;
	}
	.nav-item.item-switcher{
		background-color:#004674;
	}
	.nav-item.item-close{
		background-color:#9DACBA;
	}
	.navbar.navbar-expand-lg ul .nav-item.item-close a{
		color:#000;
	}
	.nav-item.item-close img{
		margin-right: 10px;
	}
	.mobile-languge{
		display:none;
        position: fixed;
        top: 77px;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
		box-shadow: 0 4px 11px #ddd;
        z-index: 9999;
    }
	.navbar.navbar-expand-lg .mobile-languge ul{
        text-align: center;
        font-size: 1.3rem;
        height: 100vh;
    }
	.navbar.navbar-expand-lg .mobile-languge ul a{
        color: #000;
    }
	.item-thai,.item-en{
		height: calc((100% - 77px) / 6);
		border-bottom:1px solid #9DACBA;
	}
	.item-back{
		display: flex;
		align-items: flex-end;
		height: calc(((100% - 77px) / 6)* 4);
	}
	.navbar.navbar-expand-lg .mobile-languge ul .item-back a{
		background:#DFE4E8;
       height: calc(100% / 4);
    }
	.section_hero{
		padding: 90px 0 0;
	}
	h1, .h1{
		font-size: 40px;
		line-height: 56px;
	}
	.prime_mobile{
		width: 341px;
	}
	.section_benefits{
		padding: 0 0 0px 0;
	}
	.card_benefits {
		width: 80px;
		z-index: 6;
	}
	.card_benefits.lounge{
		position: absolute;
		left: -94px;
		top: 0;
	}
	.card_benefits.visa{
		position: absolute;
		left: -161px;
		top: 100px;
	}
	.card_benefits.plan{
		position: absolute;
		left: -112px;
		top: 199px;
		z-index: 6;
	}
	.card_benefits.cashback{
		position: absolute;
		right: -96px;
		top: 0px;
	}
	.card_benefits.gift{
		position: absolute;
        right: -156px;
        top: 88px;
	}
	.card_benefits.travel{
		position: absolute;
        right: -113px;
        top: 171px;
	}
	.card_benefits.happy-point{
		position: absolute;
        right: -156px;
        top: 88px;
	}
	iframe.video{
		height: 396px;
        width: 700px;
	}
	.wrap-card img{
		width: 100px;
	}
	.wrap-card p{
		font-size: 15px;
	}
	.privileges_left{
		padding: 1rem;
	}
	.card_promotion, .card_scan{
		padding: 1.75rem 1.25rem 1.25rem 1.25rem;
	}
	.card_promotion b, .card_scan b{
		font-size: 17px;
	}
	.slider-items{
		width: 100%;
		min-width: 100%;
	}
	.dots-and-arrows{
		margin-top: 0px;
	}
	.more-information h2{
		font-size: 3rem;
		line-height: 4.5rem;
	}
}
@media (max-width: 768px){
	h1, .h1{
		font-size: 40px;
		line-height: 56px;
	}
	.prime_mobile{
		width: 341px;
	}
	.card_benefits{
		
	}
}
@media (max-width: 768px) {
	.apply_now.en_btn a{
		font-size: 13px;
	}
	.launguge_switcher,.aeon-logo,.primo-logo{
		display: none;
	}
	h1, .h1{
        font-size: 2rem;
        line-height: 2.5rem;
    }
	.btn.big{
		padding: 13px 48px;
		line-height: 26px;
		border-radius: 10px;
		font-size: 26px;
	}
	.prime_mobile{
        width: 190px;
		 width:290px;
    }
	.card_benefits{
        width: 65px;
    }
	.card_benefits.lounge{
        left: -72px;
    }
	.card_benefits.visa{
        left: -117px;
        top: 66px ;
    }
	.card_benefits.plan{
        left: -81px;
        top: 136px;
    }
	.card_benefits.cashback{
        right: -59px;
        top: 0px;
    }
	.card_benefits.gift{
        right: -84px;
        top: 86px;
    }
    .card_benefits.travel{
        right: -85px;
        top: 155px;
    }
	.card_benefits.happy-point{
        right: -84px;
        top: 86px;
    }
	.section_video{
		padding: 2rem 0;
	}
	iframe.video{
		width: 480px;
        height: 273px;
		border-radius: 15px;
		margin: auto;
        display: block;
    }
	.privileges{
		padding: 2rem 0;
	}
	.privileges_left,.privileges_right{
		width: 100%;
		text-align: center;
	}
	.privileges_right{
		margin-top: 3rem;
		padding: 0;
	}
	.privileges h2{
		font-size: 2rem;
	}
	.privileges p{
		font-size: 1.2rem;
        margin: 1.2rem 0 1.7rem 0;
	}
	.privileges svg{
		height: auto;
		width: 90%;
		margin: auto;
	}
	.mobile_hide{
		display: none;
	}
	.section_benefits{
		padding: 0;
	}
	.wrap-card_first,.wrap-card{
		height: auto;
		margin-bottom: 2rem;
	}
	.section_visa .wrapper-card:first-child{
		margin-bottom: 4rem;
	}
	.section_promotion .row:last-child{
		flex-wrap: wrap-reverse;
	}
	.card_promotion, .card_scan{
        text-align: center;
		margin-bottom: 4rem;
    }
	.card_promotion img{
		width: 341px;
		margin: 30px auto;
	}
	.card_scan img{
		width: 100%;
		margin: 30px auto;
	}
	.card_promotion .btn, .card_scan .btn{
		display: block;
		padding: 12px 25px;
	} 
	.qr-mobile{
		width: 270px;		
		width: 80%;
        margin: 2rem auto 0;
        display: block;
	}
	.section_cta{
		margin: 3rem 0;
	}	
	.section_tabs{
		padding: 2rem 0;
	}
	.section_tabs h2{
		font-size: 2rem;
	}
	.section_tabs .aeon-primo{
        width: 225px;
    }
	.tabs{
		margin-top: 2rem;
		padding: 2rem 1rem;
	}
	.tabs .nav-item{
		min-width: 43%;
		width: 47%;
		margin-bottom: 10px;
	}
	.tabs .nav-link{
		font-size: 12px;
		padding: 10px 5px;
	}
	.process-slider, .scan-slider, .activation-slider, .additionalCards-slider{
		width: 270px;
	}
	.slick-slide h3{
		font-size: 1.2rem;
	}
	.slick-dots{
		margin: 10px 0px 10px 0px;
	}
	.section_accordion h2{
		font-size: 2.5rem;
		margin: 3rem 0;
	}
	.aeon-primo{
		width: 270px;
	}
	.more-information h2{
        font-size: 1.7rem;
        line-height: 2.5rem;
		margin: 10px 0 28px 0;
    }
	.wrap-info{
		border-radius: 20px;
		padding: 11px;
		margin-top: -36px;
	}
	.more_info{
		width: 300px;
	}
	.prime_mobile-big{
		width: 300px;
	}
	.thana-sinsap, .qr{
		width: 40px;
	}
	.info-text{
		font-size: 8px;
		margin-bottom: 5px;
	}
	.download-app img{
		width: 77px;
	}
	.modal-backdrop.show{
		opacity: 1;
		background: #fff;
		height: calc(100vh - 68px);
		top: 68px;
	}
	.modal.show .modal-dialog{
		max-height: 100vh;
		top: 68px;
	}
	.modal-content{
		height: calc(100vh - 100px);
		border: 0;
        border-radius: 0;
        box-shadow: 1px -4px 6px #ddd;
	}
	.modal-textWrap{
		height: calc(100vh - 300px);
	}
	.modal-text{
		height: 100%;
	}
}
@media (max-width: 530px) {
	h1, .h1{
        font-size: 1.2rem;
        line-height: 1.9rem;
    }
	.section_hero h1{
		margin-bottom: 10px;
	}
	.btn.big{
        margin-bottom: 64px;
    }
	.prime_mobile{
        width: 166px;
		z-index: 6;
    }
	.card_benefits{
        width: 55px;
    }
	.card_benefits.lounge{
		top: -52px;
        left: -42px;
    }
	.card_benefits.visa{
        left: -69px;
        top: 28px;
    }
	.card_benefits.plan{
        left: -62px;
        top: 96px;
    }
	.card_benefits.cashback{
        right: -59px;
        top: -52px;
    }
	.card_benefits.gift{
        right: -84px;
        top: 28px;
    }
    .card_benefits.travel{
        right: -85px;
        top: 96px;
    }
	.card_benefits.happy-point{
        right: -84px;
        top: 28px;
    }
    iframe.video{
        width: 300px;
        height: 171px;
    }
	.privileges_left, .privileges_right{
        text-align: center;
    }
	.privileges_left h2{
		font-size: 2rem;
	}
	.privileges_left p{
		font-size: 1rem;
	}
	.privileges svg{
		margin-bottom: 2rem;
	}
	.privileges svg .box{
		fill: transparent;
	}
	.process-slider, .scan-slider, 	.activation-slider, .additionalCards-slider{
        width: 236px;
    }
	.slick-dots li{
		margin: 0 3px;
	}
}
@media (max-width: 350px){
    iframe.video{
        width: 300px;
        height: 171px;
    }
}