:root{
    --fs-64:64px;
    --fs-48:48px;
    --fs-44:44px;
    --fs-28:28px;
}

h2{font-size:var(--fs-48);font-weight: 600;line-height: 1.2;color:var(--v-white);text-align: center;}
h1 span,h2 span{color: var(--v-orange);}
.orange-button{box-shadow: 0px 8px 30px #E3572880;}
.banner{background: url('/wp-content/themes/vantage/images/goldrush-fuelup-banner-bg.webp') center bottom no-repeat;background-size: cover;}
.banner .inner{display: flex;justify-content:flex-start;align-items: center;position: relative;min-height: 600px;}
.banner .text-box{padding:50px 0;max-width:700px;width: 100%;position: relative;z-index: 1;}
.banner .img-box{width:52%;position: absolute;right:20px;}
.banner h1{font-size:var(--fs-48);font-weight: 600;line-height: 1.2;color:var(--v-white);}
.banner h1 span{font-size: var(--fs-20);display: block;font-weight: 500;line-height: 1.3;}
.banner .ptext{font-size:var(--fs-28);font-weight: 600;line-height: 1.2;color:var(--v-white);margin:8px 0 24px;opacity: 0.7;}
.tnc_btn{font-size:14px;margin:12px 0 0;font-weight: 400;color:var(--v-white);}
.tnc_btn a{opacity: 0.7;text-decoration: underline;}
.tnc_btn a:hover{opacity: 1;}
.banner-imgmb{display: none;}

.content{background:#000 url(/wp-content/themes/vantage/images/goldrush-fuelup-cont-bg.webp) center bottom no-repeat;background-size: cover;}
.row1{text-align: center;padding: 96px 0;}
.row1 h2 span{display: block;}
.row1 .ptext{margin: 12px 0 56px;font-size: var(--fs-20);line-height: 1.3;font-weight: 500;color: rgba(255, 255, 255, 0.7);}
/* Tier 1 */

.row1_bottom ul{ display: flex; justify-content: center; flex-wrap: wrap; gap:24px;}
.row1_bottom ul li{ width: calc(50% - 12px); max-width:500px;box-shadow: 0px 20px 30px 0px #00000029; backdrop-filter: blur(16px); background:linear-gradient(180deg, rgba(0, 0, 0, 0) 13.88%, rgba(0, 0, 0, 0.7) 82.78%), #000000; overflow: hidden; transition: .5s ease;}
.row1_bottom li .text-box{position: relative;overflow: hidden;}
.row1_bottom li .text-box::before {width: 500px;height: 500px;content: '';position: absolute;top:0;border-radius: 50%;background:radial-gradient(50% 50% at 50% 50%, rgba(227, 81, 40, 0.4) 0%, rgba(227, 87, 40, 0) 100%);;left: 50%;transform: translate(-50%, -250px);z-index: -1;transition:  all 0.3s ease;opacity: 0;}
.row1_bottom li:nth-child(2) .text-box::before{background: radial-gradient(50% 50% at 50% 50%, rgba(3, 72, 84, 0.7) 0%, rgba(3, 72, 84, 0) 100%);}
.row1_bottom li:hover .text-box::before{opacity: 1;}
.row1_bottom ul li .text-box::after{ background: linear-gradient(360deg, rgba(255, 255, 255, 0) -0.08%, #FFFFFF 49.96%, rgba(255, 255, 255, 0) 100%); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;content: ''; position: absolute; inset: 0; padding: 1px;}




.row1_bottom ul li .topText{ position: relative; z-index: 3; width: max-content; margin: 0 auto; padding:3px 20px 2px; border-radius:0px 0px 1px 1px;}
.row1_bottom ul li .topText:before,
.row1_bottom ul li .topText:after{ content:""; display: block; position: absolute; bottom:0; width:52%; height: 100%;}
.row1_bottom ul li .topText:before{background:url(/wp-content/themes/vantage/images/goldrush-fuelup-item-icon1.webp) left top no-repeat; background-size: 100% auto; left:0; }
.row1_bottom ul li .topText:after{background:url(/wp-content/themes/vantage/images/goldrush-fuelup-item-icon2.webp) right top no-repeat; background-size: 100% auto; right:0; }
.row1_bottom ul li:nth-child(2) .topText:before{background-image:url(/wp-content/themes/vantage/images/goldrush-fuelup-item-icon3.webp); }
.row1_bottom ul li:nth-child(2) .topText:after{background-image:url(/wp-content/themes/vantage/images/goldrush-fuelup-item-icon4.webp);}
.row1_bottom ul .topText p{font-size:16px; font-weight:600; margin-bottom:0; line-height:1.2; position: relative; z-index: 3; padding-left:13px; padding-right:13px;color: var(--v-white);}


.row1_bottom ul .text-content{padding: 24px;}
.row-list{display: flex;justify-content: space-around;align-items: flex-start;}
.row-list p{font-weight:600; font-size:18px; line-height:1.2;color: var(--v-white);text-align: center;margin: 0;width: 33.3%;border-right: 1px solid rgba(255, 255, 255, 0.6);}
.row-list p:last-child{border: none;}
.row-list p span{display: block;font-weight:400; font-size:14px; line-height:1.4;color: var(--v-white);opacity: 0.8;margin-top: 8px;}

.row1_bottom ul h4{font-weight:600; font-size:20px; line-height:1.2;color: var(--v-white);text-align: center;margin: 16px 0;}
.row1_bottom ul h4 span{display: block;font-weight:500; font-size:14px; line-height:1.2;color: var(--v-orange);margin-bottom: 4px;}
.row1_bottom ul .img_mb{display: none;}
.note-bottom{margin: 16px 0 56px;font-weight:600; font-size:14px; line-height:1.2;color: var(--v-white);}













.join{padding:96px 0 120px;}
.join h2{color: var(--v-orange);margin-bottom: 136px;}
.join .join-warp{box-shadow: 19px 33px 26px #00000029; border-radius: 20px;max-width: 1155px;margin: 0 auto;}
.join .join-top{padding: 32px 40px;position: relative;border-radius: 20px 20px 0px 0px; background:url(/wp-content/themes/vantage/images/goldrush-fuelup-jointop-bg.webp) center no-repeat;background-size: cover;}
.join-top p{font-size: var(--fs-28);line-height: 1.2;font-weight:600;color:var(--v-white);margin: 0px 0 16px;position: relative;z-index: 2;}
.join .join-top .btn-text{width: max-content;text-align: center;-webkit-tap-highlight-color: transparent;}
.join .join-top .open-account-btn{font-size:var(--fs-18);}
.join .join-top .img-box{position: absolute;right: 0;bottom: 0;}
.img-box-mb{display: none;}
.join .join-bottom{padding: 32px 40px;background: var(--v-white); border-radius: 0 0 20px 20px;display: flex;justify-content: space-between; position: relative; z-index: 1;gap: 20px;}
.join .join-bottom .text-box{display: flex;gap: 40px;}
.join-bottom ul li{ max-width: 240px;}
.join-bottom ul li:last-child{padding-right: 0px; max-width: 240px;}
.join-bottom ul li .step-index{width: 52px;height: 52px;border-radius: 50%;background: var(--v-orange);color: var(--v-white);font-size: var(--fs-20);font-weight: 600;display: flex;align-items: center;justify-content: center;margin-bottom: 8px;}
.join-bottom ul li .step-title h3{color: var(--v-orange);text-transform: capitalize;font-size: var(--fs-20);font-weight: 600;margin-bottom: 12px;line-height: 1.2;}
.join-bottom ul li .step-message{color: var(--v-black);}
.join-bottom ul li .step-message p{margin: 0; font-size: var(--fs-16);line-height: 1.5;}
.join .join-bottom .img-box{display: flex;flex-direction: column;gap: 12px; padding-top: 0px; min-width: 170px;}
.join .orange-arrow-button{display: block;}
.join .tnc_btn{max-width: 1155px;margin: 16px auto 0;}


.fuelup-faq .faq-module{background: #f2f3f5;}
.fuelup-faq .faq-module-inner .faq-list .faq-module-tit.active, 
.fuelup-faq .faq-module-inner .faq-list .faq-module-detial.active{background: rgba(217, 217, 217, 0.2);}
.fuelup-faq .faq-module .inner h2{color: var(--v-black-light);}

@media (max-width:1440px){
    :root{
        --fs-64:58px;
    }
    .row1_bottom ul .text-content{padding: 24px 16px;}
}
@media (max-width:1024px) {
    :root{
        --fs-64:54px;
        --fs-48:40px;
        --fs-28:24px;
    }

    .row-list p{font-size: 16px;}
    .join{padding: 80px 0px 56px;}
    .join .join-bottom .img-box{min-width: 142px;}
    .join .join-bottom .text-box{gap: 16px;flex-wrap: wrap;}
    .join-bottom ul li,.join-bottom ul li:last-child{width: 100%;max-width: 500px;}
    .join-bottom ul li .step-index{width: 40px;height: 40px;}
    .join-bottom ul li .step-title h3{margin-bottom: 6px;}
    .join-bottom ul li{display: flex;gap: 16px;}
    .join h2{margin-bottom: 80px;}
    .join .join-top .img-box{max-width:360px}
    .join .join-warp{max-width: 700px;}
    
}

@media (max-width:900px) {
    :root{
        --fs-64:48px;
        --fs-48:32px;
        --fs-28:20px;
    }
    .banner{background:#000 url('/wp-content/themes/vantage/images/goldrush-fuelup-banner-bgmb.webp') center bottom no-repeat;background-size: cover;}
    .banner .img-box{width: 100%;text-align: center;position: inherit;right: 0;}
    .banner .inner{flex-wrap: wrap;min-height: auto;justify-content: center;}   
    .banner .text-box{text-align: center;}

    .join{padding:48px 0px;}

    .row1{padding: 48px 0;}
    .row1 .ptext{margin: 8px 0 36px;font-size: 16px;}
    .row1_bottom ul li{width: 100%;max-width: 430px;}
    .row1_bottom ul li .text-box::after{background: linear-gradient(90deg, rgba(255, 255, 255, 0) -0.08%, #FFFFFF 49.96%, rgba(255, 255, 255, 0) 100%);}
    .row1_bottom ul .topText p{font-size: 14px;}
    .row1_bottom ul .text-content{padding: 16px;}
    .row1_bottom ul h4{font-size: 16px;}
    .row-list p span{margin-top: 4px;}
    .row1_bottom ul .img_mb{display: block;margin: 0 auto;}
    .row1_bottom ul .img_default{display: none;}
    .note-bottom{margin: 24px 0 16px;}
}
@media (max-width:768px){

    .join h2{margin-bottom:24px;}
    .join .join-warp{max-width: 353px;}
    .join .join-top{text-align: center;padding: 20px 16px;background: url(/wp-content/themes/vantage/images/goldrush-fuelup-jointop-bgmb.webp) center right no-repeat;background-size: cover;min-height: 343px;}
    .join .join-bottom{padding:20px 16px;}
    .join .orange-arrow-button{font-size: 14px;}
    .join .join-top .btn-text{ margin: 0 auto;}

    .join-bottom ul li .step-index{width: 24px;height: 24px;font-size: 14px;}
    .join-bottom ul li{gap: 8px;}
    .join-bottom ul li .step-title h3{margin-bottom:4px;}
    .join-bottom ul li .step-message p{font-size: 14px;}
    .img-box-mb{display: block;}
    .img-box-pc{display: none;}
    .join .tnc_btn{margin-top: 8px;}

    .row1_bottom li .text-box::before{display: none;}
    .row1_bottom ul li{background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),radial-gradient(67.49% 67.49% at 50% -0.01%, rgba(227, 87, 40, 1) 0%, rgba(227, 87, 40, 0) 100%);}
    .row1_bottom ul li:nth-child(2){background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),radial-gradient(67.49% 67.49% at 50% -0.01%, rgba(3, 72, 84, 1) 0%, rgba(3, 72, 84, 0) 100%);}
}


@media (max-width:680px){
    :root{
        --fs-64:36px;
        --fs-48:26px;
    }
    .banner .img-box{margin-top: -20px;}
    .banner .inner h1{font-size: 28px;}
    .row1 .inner .row1_bottom .info_box{flex-wrap: wrap;gap: 40px;}
    .row1 .inner .row1_bottom .info_box .item{width: 100%;}
   
}

@media (max-width:510px) {
    :root{
        --fs-64:28px;
        --fs-48:20px;
        --fs-28:16px;
    }
    .banner .inner{padding: 0;}
    .banner .text-box{padding: 32px 20px 0;}
    .banner .img-box{margin: 0;}
    .banner .ptext{margin: 8px 0 16px;}
    .banner h1 span{font-size: 18px;}
    .banner-imgpc{display: none;}
    .banner-imgmb{display: block;} 
    
    
    .content{background:#000 url(/wp-content/themes/vantage/images/goldrush-fuelup-cont-bgmb.webp) top center no-repeat;background-size: cover;}
    .row1,
    .join{padding: 32px 0;}
    .row1 .ptext{margin: 4px 0 24px;font-size: 14px;}
    .row1_bottom ul .text-content{padding: 16px 8px;}
    .row1_bottom ul h4{font-size: 14px;}

    .join .join-bottom{padding:12px 16px 20px;}
    .row-list p{font-size: 14px;}
    .fuelup-faq .faq-module{padding: 32px 0;}
}
@media (max-width:390px) {
    .row-list p{font-size: 11px;}
    .row1_bottom ul .text-content{padding: 16px 0;}
}
/* ! vantagemarekts|2026-07-03 11:30:00 ! */