.banner{background:url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-prime-banner-bg.webp) center center no-repeat; background-size:cover; width: 100%; position: relative;}
.banner:after{ content:''; display: block; width: 100%; height: 20px; position: absolute; left: 0; top:-20px; /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 3%, rgba(0, 0, 0, 0) 97%); */box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); }
.banner .inner{ min-height:600px; max-width:1274px; padding-top:40px; padding-bottom:50px; display: flex; align-items: center; flex-wrap: wrap; position: relative; overflow: hidden; z-index: 1;}
.banner .text-box{ max-width:420px; position: relative; z-index: 1;}
.banner h1{color: var(--v-black);font-size: 48px;font-weight: 700;line-height: 1.2;margin-bottom:13px;}
.banner h1 span{color: var(--v-orange);}
.banner p{color: var(--v-black);font-size: 20px;font-weight: 500;line-height: 1.2; margin-bottom:21px;}
.banner p a{ text-decoration: underline;}
.banner .img-box{ max-width:680px; position: absolute; right: 105px; bottom:0;}
.banner p.small-text{ font-size:var(--fs-14); font-weight:400; margin-bottom:0; padding-top:13px;}
.banner .orange-button.p18{padding:19px 36px 16px;}
    
.row1{background:var(--v-white) url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-prime-row1-bg.webp?v=2) center top no-repeat; background-size:100% auto; width: 100%;  width: 100%; overflow: hidden;}
.row1 .inner{ padding-top:51px; padding-bottom:70px;}
.row1 .top-text{ text-align:center; padding-bottom:58px;}
.row1 .img-box{ text-align:center; padding-bottom:26px;}
.row1 h2{color: var(--v-black);font-size: 48px;font-weight: 600;line-height: 1.2;margin-bottom:10px;}
.row1 h2 span{color: var(--v-orange);}
.row1 h3{color: var(--v-black);font-size: 28px;font-weight: 500;line-height: 1.2;margin-bottom:17px;}
.row1 p{color: var(--v-black);font-size: 18px; line-height: 1.2; margin-bottom:0px;}
.row1 .row1-con-swiper{ overflow: hidden; padding: 20px 16px;}
.row1 .swiper-slide{ background: var(--v-white); box-shadow: 0px 0px 10px 0px #00000040; border-radius:16px; padding:32px 0px 8px; text-align:center;}
.row1 .row1-content{ position: relative; max-width:1047px; margin: 0 auto;}
.row1 .row1-swiper-prev,
.row1 .row1-swiper-next{ position: absolute; top:50%; transform: translateY(-50%); right:-47px; width:36px; height: 36px;/*  background:#f00; */ display: flex; align-items: center; justify-content: center;}
.row1 .row1-swiper-prev{ right:auto; left:-47px;}
.row1 .row1-swiper-prev.swiper-button-disabled,
.row1 .row1-swiper-next.swiper-button-disabled{ opacity: 0.2;}

.row1 .swiper-slide img{ margin-bottom:23px;}
.row1 .text-box{ padding-left:20px; padding-right:20px;}
.row1 .text-box h4{color: var(--v-black-light);font-size: 20px;font-weight: 600;line-height: 1.2;margin-bottom:7px;}
.row1 .text-box p{color: var(--v-black);font-size: 18px; line-height: 1.4;margin-bottom:0px;}


.deposit-bonus-get{ overflow: hidden; width: 100%; position: relative; background: #F2F3F2; }
.deposit-bonus-get .inner{position: relative;z-index: 10; padding-top:66px; padding-bottom:66px;}
.deposit-bonus-get h2{color: var(--v-black-light);font-size: var(--fs-56);font-weight: 600;margin-bottom:26px;text-align: center;line-height:1.35;}
.deposit-bonus-get h2 span{color: var(--v-orange);}
.deposit-bonus-get .get-tab-list{display: flex;justify-content: center;margin-bottom: 34px;cursor: pointer;position: relative;}
.deposit-bonus-get .get-tab-list .tab-item{position: relative;}
.deposit-bonus-get .get-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#BABABA;position: absolute;bottom: -2px;left: 0;}
.deposit-bonus-get .get-tab-list p{width: 140px;color: var(--v-black);font-size: var(--fs-22);font-weight: 400;line-height: 25px;margin-bottom: 0;padding-bottom: 12px;text-align: center;}
.deposit-bonus-get .get-tab-list .tab-item.active p{color: var(--v-orange);}
.deposit-bonus-get .swiper{overflow: visible;}
.deposit-bonus-get .swiper-wrapper{justify-content: center;}
.deposit-bonus-get .swiper-slide{max-width: 240px;}
.deposit-bonus-get .swiper-slide:last-child{margin-right: 0 !important;}
.deposit-bonus-get .swiper-slide::after{content:"";display:block;width: 15px;height: 19px;background:url(/wp-content/themes/vantage/images/deposit-bonus-get-icon1.svg) top center no-repeat; background-size:cover;position: absolute;top: 97px;right: -61px;}
.deposit-bonus-get .get-tab-con .swiper-slide:last-child::after{display: none;}
.deposit-bonus-get .step{width: 64px;height: 64px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--v-white);font-size: 28px;font-weight: 500;margin-bottom: 16px;line-height: 34px;}
.deposit-bonus-get .get-tab-con{text-align: center;}
.deposit-bonus-get .get-tab-con .swiper-slide:nth-child(1) .step{background:#FF8E5C;}
.deposit-bonus-get .get-tab-con .swiper-slide:nth-child(2) .step{background:#E35728;}
.deposit-bonus-get .get-tab-con .swiper-slide:nth-child(3) .step{background:#164B53;}
.deposit-bonus-get .get-tab-con .swiper-slide:last-child h3::after{display: none;}
.deposit-bonus-get .get-tab-con p{color: var(--v-black);font-size: var(--fs-20);font-weight: 500;line-height: 1.5; margin-bottom: 0;text-align: left; max-width: 235px;}
.deposit-bonus-get .get-tab-con p em{font-size: var(--fs-12);}
.deposit-bonus-get .tab-con-item{opacity: 0;height: 0;}
.deposit-bonus-get .tab-con-item.active{opacity: 1;height: auto;}
.deposit-bonus-get .orange-button.p16{font-family: 'Noto Sans Thai'; font-weight:400; padding: 17px 30px 15px;}
.deposit-bonus-get .tab-con-swiper { margin-bottom: 30px; }
.wire{position: absolute;top: 31px;height: 2px;background: var(--v-orange);transition: .4s;}
.deposit-bonus-get .get-tab-con .account{text-align: center;margin-top: 32px;line-height: 19px;}
    
    
@media(max-width:1900px) {
    .row1{ background-size:auto;}
}
@media(max-width:1240px) {
    .deposit-bonus-get .inner{ padding-top:50px; padding-bottom:50px;}
    .deposit-bonus-get .swiper-slide::after{right: -16px;top: 82px;}
}
@media(max-width:1160px) {
    .banner .inner{ min-height:auto; padding-top:0; padding-bottom:0; justify-content: space-between;}
    .banner .text-box{ max-width:55%; margin-right:-10%;}
    .banner .img-box{ position: static; max-width:55%; padding-top:60px;}
}
@media(max-width:1024px) {
    .deposit-bonus-get .inner{ padding-top:50px; padding-bottom:50px;}

    .row1 .row1-swiper-next{ right:-32px;}
    .row1 .row1-swiper-prev{ right:auto; left:-32px;}
}
@media(max-width:940px) {
    .row1 .row1-con-swiper{ padding-left:10px; padding-right:10px;}
}
@media(max-width:860px) {
    .deposit-bonus-get .swiper-wrapper{justify-content: flex-start;}
}
@media(max-width:768px) {
    .banner .inner{ padding-top:33px; flex-direction: column;}
    .banner .text-box{ text-align:center; margin-right:0; max-width:100%;}
    .banner .img-box{ width: 315px; max-width:100%; padding-top: 33px; margin-bottom:-12px;}
    .banner h1{ font-size: 28px; margin-bottom:3px;}
    .banner p{ font-size: 18px; margin-bottom:12px;}
    .banner .orange-button.p18{padding:15px 21px 14px; font-size:14px;}
    .banner p.small-text{ padding-top:6px;}

    .row1{background-size:780px auto; background-position: center -5px;}
    .row1 .inner{ padding-top:15px; padding-bottom:25px;}
    .row1 .top-text{ padding-bottom:35px;}
    .row1 h2{font-size: 20px; margin-bottom:5px;}
    .row1 h3{font-size: 14px; margin-bottom:6px;}
    .row1 p{font-size: 14px;}
    .row1 .swiper-slide{ padding-bottom:11px;}
    .row1 .swiper-slide img{ margin-bottom:23px; width: 237px; max-width:100%;}
    .row1 .text-box{ padding-left:20px; padding-right:20px;}
    .row1 .text-box h4{ font-size: 18px;}
    .row1 .text-box p{ font-size: 14px; line-height:1.45;}
    .row1 .img-box{ padding-bottom:15px;}
    .row1 .img-box img{ width: 330px; max-width:100%;}
    .row1 .row1-swiper-next{ right:-25px;}
    .row1 .row1-swiper-prev{ right:auto; left:-25px;}

    .deposit-bonus-get .inner{ padding-top:28px; padding-bottom:30px;}
    .deposit-bonus-get h2{line-height: 1.2; font-size:20px; margin-bottom: 15px;}
    .deposit-bonus-get .get-tab-list{margin-bottom: 18px;}
    .deposit-bonus-get .get-tab-list p{ font-size:14px; padding-bottom:6px;}
    /* .deposit-bonus-get .get-tab-con .swiper-slide:nth-child(1) p{color:#FF8E5C;}
    .deposit-bonus-get .get-tab-con .swiper-slide:nth-child(2) p{color:#E35728;}
    .deposit-bonus-get .get-tab-con .swiper-slide:nth-child(3) p{color:#164B53;} */
    .deposit-bonus-get .get-tab-con p{ font-size:14px; line-height:1.4;}
    .deposit-bonus-get .orange-button.p16{ padding: 15px 30px 14px; width: 173px; max-width:100%;}
}
@media(max-width:580px) {
    .row1 .row1-content{ max-width: 315px; padding-left:16px; padding-right:16px;}
    .row1 .row1-swiper-next{ right:-22px;}
    .row1 .row1-swiper-prev{ right:auto; left:-22px;}
    
    .deposit-bonus-get .swiper-slide{ max-width: 120px;}
    .deposit-bonus-get .swiper-slide::after{ right: -30px;}
}
@media(max-width:510px) {
    .deposit-bonus-get .step{width: 36px;height: 36px;font-size: 16px;line-height: 19px;}
    .deposit-bonus-get .swiper-slide::after{top: 50px;}
    .deposit-bonus-get .tab-con-swiper { margin-bottom: 16px; }
}
@media(max-width:372px) {
    .row1 .row1-content{ padding-left:10px; padding-right:10px;}
}