@font-face {
    font-family: 'Inter';
    src: url('https://d21u74ttq7jqzf.cloudfront.net/font/Inter-Medium.eot');
    src: url('https://d21u74ttq7jqzf.cloudfront.net/font/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://d21u74ttq7jqzf.cloudfront.net/font/Inter-Medium.woff2') format('woff2'),
        url('https://d21u74ttq7jqzf.cloudfront.net/font/Inter-Medium.woff') format('woff'),
        url('https://d21u74ttq7jqzf.cloudfront.net/font/Inter-Medium.ttf') format('truetype'),
        url('https://d21u74ttq7jqzf.cloudfront.net/font/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.banner{ width: 100%; position: relative; overflow: hidden;}
.banner:after,
.banner:before{content:''; display: block; width: 55%; height: 100%; position: absolute; left: 0; top:0;background:url(https://d21u74ttq7jqzf.cloudfront.net/image/promotions-elite-rewards-banner-left-bg.webp) center top repeat-x; background-size:auto 100%;}
.banner:before{ left: auto; right: 0; background:url(/wp-content/themes/vantage/images/promotions-elite-rewards-banner-right-bg.webp) center top repeat-x; background-size:auto 100%;}
.banner .banner-content{ background:url(/wp-content/themes/vantage/images/promotions-elite-rewards-banner-bg.webp) center top no-repeat; background-size:auto 100%; width: 100%; position: relative; z-index: 1;}
.banner .inner{ height:600px; padding-top:75px; padding-bottom:27px; display: flex; align-items: center; flex-wrap: wrap; max-width:1440px; }
.banner .text-box{ width: 550px; max-width: 58%;}
.banner h4{color: var(--v-orange);font-size: 20px;font-weight: 500;line-height: 1.2;margin-bottom:1px;}
.banner h1{color: var(--v-white);font-size: 48px;font-weight: 600;line-height: 1.2;margin-bottom:18px;}
.banner p{color:rgba(255,255,255,0.8);font-size: 20px; line-height: 1.3; margin-bottom:23px;}
.banner .orange-arrow-button.p18{padding:21px 62px 21px 28px; font-weight:500; font-size:20px;}
.banner p.small-text{ margin-bottom:0; font-size:16px; font-weight: 400; padding-top:22px; padding-left:4px;}
.banner p.small-text a{ text-decoration:underline; color: #FF8E5C;}


.deposit-bonus-get{ overflow: hidden; width: 100%; position: relative; background:url(https://d21u74ttq7jqzf.cloudfront.net/image/promotions-elite-rewards-row1-bg.webp) bottom center no-repeat; background-size:cover; }
.deposit-bonus-get .inner{position: relative;z-index: 10; padding-top:70px; padding-bottom:95px;}
.deposit-bonus-get h2{color: var(--v-black-light);font-size: 48px;font-weight: 600;margin-bottom:34px;text-align: center;line-height:1.23;}
.deposit-bonus-get h2 span{color: var(--v-orange);font-size: 20px;font-weight: 500;}
.deposit-bonus-get h2 b{color: #034854; font-weight: 600;}
.deposit-bonus-get .get-tab-list{display: flex;justify-content: center;margin-bottom: 58px;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: 2px;background:#818181;position: absolute;bottom: -2px;left: 0;}
.deposit-bonus-get .get-tab-list p{width: 140px;color: var(--v-black-light);font-size: 18px;font-weight: 600;line-height: 25px;margin-bottom: 0;padding-bottom: 6px;text-align: center; padding-top:3px;}
.deposit-bonus-get .get-tab-list .tab-item.active p{color: var(--v-orange);font-size: 20px; padding-top:0;}
.deposit-bonus-get .swiper{overflow: visible;}
.deposit-bonus-get .tab-con-swiper-inner{ display:flex; justify-content: space-between; max-width:1010px; margin:0 auto;}
.deposit-bonus-get .tab-con-swiper-box{max-width: 245px; position:relative;}
.deposit-bonus-get .tab-con-swiper-box:last-child{margin-right: 0 !important;}
.deposit-bonus-get .tab-con-swiper-box::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: 86px;/* right: -77px; */ right:-31%;}
.deposit-bonus-get .get-tab-con .tab-con-swiper-box: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; font-family: 'Inter', Arial, Helvetica, sans-serif;}
.deposit-bonus-get .get-tab-con .existing-user-content .tab-con-swiper-box::after{ top:74px;}
.deposit-bonus-get .get-tab-con{text-align: center;}
.deposit-bonus-get .get-tab-con .tab-con-swiper-box:nth-child(1) .step{background:#FF8E5C;}
.deposit-bonus-get .get-tab-con .tab-con-swiper-box:nth-child(2) .step{background:#E35728;}
.deposit-bonus-get .get-tab-con .tab-con-swiper-box:nth-child(3) .step{background:#164B53;}
.deposit-bonus-get .get-tab-con .tab-con-swiper-box:last-child h3::after{display: none;}
.deposit-bonus-get .get-tab-con h3{ color: var(--v-black-light);font-size: 20px;font-weight: 600;line-height: 1.2; margin-bottom: 8px;text-align: left;}
.deposit-bonus-get .get-tab-con p{color: var(--v-black);font-size:14px;font-weight: 500;line-height: 1.45; margin-bottom: 0;text-align: left;}
.deposit-bonus-get .get-tab-con p em{font-size: var(--fs-12);}
.deposit-bonus-get .tab-con-item{opacity: 0;height: 0; position: relative; overflow: hidden;}
.deposit-bonus-get .tab-con-item.active{opacity: 1;height: auto; overflow: visible;}
.deposit-bonus-get .orange-button.p18{ font-weight:400; padding: 18px 36px 17px; max-width:100%; /* margin-bottom:9px; */}
.deposit-bonus-get .tab-con-swiper { margin-bottom: 57px; }
.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;}    
/* .deposit-bonus-get p.small-text{ text-align:center; margin-bottom:0; color: var(--v-black); font-size:14px; font-weight: 400;}
.deposit-bonus-get p.small-text a{ text-decoration:underline; opacity:0.5;} */

.deposit-bonus-get p.small-text{ margin-bottom:0; font-size:16px; font-weight: 400; color: var(--v-black); text-align:center; padding-top:9px}
.deposit-bonus-get p.small-text a{ text-decoration:underline; color: #C62400;}


.row1{background:var(--v-white); width: 100%; overflow:hidden; }
.row1 .inner{ padding-top:96px; padding-bottom:41px;}
.row1 .top-box{ max-width:1264px; margin: 0 auto; padding-bottom:62px;}
.row1 .top-box h2{color: var(--v-orange); font-size: 48px;font-weight: 600;line-height: 1.2; margin-bottom:13px;}
.row1 .top-box h2 span{background: linear-gradient(180deg, #012329 0%, #010101 100%); -webkit-background-clip: text; color: transparent;}
.row1 .top-box p{font-size: 20px;font-weight: 500;line-height: 1.3;color:rgba(0,35,41,0.7); margin-bottom:17px;}
.row1 .top-box p span.num-text{ display: inline-block; line-height:1; box-shadow: 0px -4px 4px 0px #FFFFFF33 inset;background: #0000004D; border-radius:5px; font-size:12px; font-weight:500;color: var(--v-white); padding:4px 6px; min-width:20px; vertical-align:4px; transform: scale(0.8); text-align:center; margin-left:10px;}
.row1 .top-box p.small-text{ margin-bottom:0; color: var(--v-black); font-size:14px; font-weight: 400; font-weight: 400; padding-left:4px;}
.row1 .top-box p.small-text a{ text-decoration:underline; opacity:0.5;}
.row1-content{ max-width:1264px; margin: 0 auto; position: relative; padding: 6px 0px 30px; margin-top:-4px;}
.row1-content h3{ color:var(--v-black-light); font-size:28px; font-weight: 600; margin-bottom:23px;}
.row1-content .swiper-slide-box{box-shadow: 0px 4px 20px 0px #00000029; /* box-shadow: 0px 20px 30px 0px #00000029; */ background: #F8F8F9; border-radius:10px; text-align:center; padding:15px 8px 17px;}
.row1-content .swiper-slide-box:hover p span{ display: inline-block; padding-top:2px;}
.row1-content span.tag-text{background: #E461261A; font-size:12px; font-weight:400; display:inline-block;color: var(--v-orange); padding:4px 12px 3px; border-radius:10px; margin-bottom:4px;}
.row1-content .title-box{ display:flex; align-items: center; justify-content: center; margin-bottom:12px;}
.row1-content h4{ font-size:20px; font-weight:600; line-height:1.2; color: var(--v-black-light);}
.row1-content .swiper-slide-box p{ font-size:12px; color:var(--v-black-light); line-height:1.6; margin-bottom:0; transition: all .2s linear;}
.row1-content .swiper-slide-box p span{ font-size:16px; font-weight: 500;}
.row1-content .swiper-slide-box p b{ font-size:20px; font-weight: 600; color: var(--v-orange);}
.row1-content .swiper-slide-box p.text1{ background:var(--v-orange); color: var(--v-white); padding:8px 5px 6px; margin-bottom:12px;}
.row1-content .swiper-slide-box p.text2{ margin-bottom:9px;}
.row1-content .swiper-slide-box p.text3{ border-top:1px solid #cccccd; line-height:1.5; padding-top:11px;}
.row1-swiper-navigation{ position: absolute; right: 27px; top:0px; width: 100px; display: flex; justify-content: space-between;}
.row1-swiper-navigation .swiper-button-disabled{ opacity: 0.5;}
.row1-content .swiper-wrap{ min-height:350px;}
/* .row1-content .swiper-wrap:before{ content:""; display: block; width: 100px; height: 100%; background: #369; position: absolute; right: 0px; top:0px;} */

.row1-content .swiper-slide{ width: 240px;}
.row1-content .swiper-rowEClass span.tag-text{background: #0348541A; color: #034854;}
.row1-content .swiper-rowEClass .swiper-slide-box p b{ color: var(--v-green-darker);}
.row1-content .swiper-rowEClass .swiper-slide-box p.text1{ background:var(--v-green-darker);}

.row1-content .swiper-rowElite span.tag-text{background: #E87B6D1A; color: #E87B6D;}
.row1-content .swiper-rowElite .swiper-slide-box p b{ color: #E87B6D;}
.row1-content .swiper-rowElite .swiper-slide-box p.text1{ background: #E87B6D;}

@media(max-width:1240px) {    
    .banner .inner{ height:520px; padding-top:33px; padding-bottom:33px;}
    .banner h4{ font-size: 18px;}
    .banner h1{ font-size: 42px;}
    .banner p{ font-size: 18px;}
    .banner .orange-arrow-button.p18{padding:18px 62px 18px 28px; font-size:18px;}

    .deposit-bonus-get .inner{ padding-top:60px; padding-bottom:60px;}
    .deposit-bonus-get h2{ font-size:42px;}
    
    .row1 .inner{ padding-top:60px; padding-bottom:20px;}
    .row1 .top-box{ padding-bottom:50px;}
    .row1 .top-box h2{ font-size: 42px;}
    .row1 .top-box p{ font-size:18px;}
}
@media(max-width:1100px) {
    .deposit-bonus-get .tab-con-swiper-box::after{right: -20%;}
}
@media(max-width:1024px) {
    .deposit-bonus-get h2{ font-size:38px; margin-bottom:30px;}
}
@media(max-width:980px) {
    .deposit-bonus-get .tab-con-swiper-box::after{right: -15%;}
}
@media(max-width:940px) {
    .deposit-bonus-get .tab-con-swiper-box{ max-width:28%;}
}
@media(max-width:768px) {
    .banner:after,
    .banner:before{ display: none;}
    .banner .banner-content{ background:url(https://d21u74ttq7jqzf.cloudfront.net/image/promotions-elite-rewards-banner-mobile-bg.webp) center bottom no-repeat; padding-bottom:290px; position: relative;}
    .banner .banner-content:after{ content:''; display: block; width: 100%; height: 20px; position: absolute; left: 0; top:-20px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); }
    .banner .inner{ height: auto; background:var(--v-white); justify-content: center; padding-bottom:52px; }
    .banner .text-box{ max-width:100%; text-align:center; width: 360px;}
    .banner h4{ font-size: 18px;}
    .banner h1{ font-size: 28px; color: var(--v-black-light); line-height:1.22; margin-bottom:14px;}
    .banner p{ font-size: 16px; color: rgba(0,0,0,0.8); line-height:1.5;}
    .banner .orange-arrow-button.p18{padding:17px 56px 16px 28px; font-size:16px;}
    .banner p.small-text{ display: block; padding-top:10px; text-align:center; padding-top:10px; padding-left:0;}

    .deposit-bonus-get .inner{ padding-top:27px; padding-bottom:31px;}
    .deposit-bonus-get h2{ font-size:20px; line-height:1.2; margin-bottom:26px;}
    .deposit-bonus-get h2 span{ font-size:14px;display: inline-block; padding-bottom:5px;}
    .deposit-bonus-get h2 b{ color:var(--v-black-light);}
    .deposit-bonus-get .tab-con-swiper-inner{ flex-wrap: wrap;justify-content: center;}
    .deposit-bonus-get .tab-con-swiper-box::after{ display: none;}
    .deposit-bonus-get .tab-con-swiper-box{ /* width: 330px; */ width:100%; max-width:100%; padding-bottom:24px;}
    .deposit-bonus-get .get-tab-list{ margin-bottom:26px;}
    .deposit-bonus-get .step{ width: 40px; height: 40px; font-size:18px; margin-bottom:9px;}
    .deposit-bonus-get .get-tab-con h3{ font-size:18px;}
    .deposit-bonus-get .get-tab-con h3 br{ display: none;}
    .deposit-bonus-get .tab-con-swiper{ margin-bottom:0;}
    .deposit-bonus-get .orange-button.p18{ padding: 14px 20px 12px; /* margin-bottom:10px; */}
    .deposit-bonus-get p.small-text{ padding-top:10px;}

    .row1 .inner{ padding-top:32px; padding-bottom:0px;}
    .row1 .top-box{ padding-bottom:27px;}
    .row1 .top-box h2{ font-size: 20px; margin-bottom:4px;}        
    .row1 .top-box h2{background: linear-gradient(180deg, #012329 0%, #010101 100%); -webkit-background-clip: text; color: transparent;}
    .row1 .top-box p{ font-size:14px;}
    .row1-content{ margin-top:0; padding-bottom:48px;}
    .row1-content h3{ font-size:20px; margin-bottom:17px;}    
    .row1-swiper-navigation{  right: 0px; width: 76px; top:2px;}
    .row1-swiper-navigation div img{ width: 32px; height:32px;}
}
/* ! vantagemarekts|2025-10-21 17:20:00 ! */