:root{
    --fs-48:48px;
    --fs-44:44px;
    --fs-28:28px;
}
.banner-div {background: linear-gradient(to right, #bb613e, #ab5404);position: relative;}
.banner{max-width: 1920px;margin: 0 auto;}
.breadcrumb-section,.nav-logo .live-button{display: none;}
.nav-logo{justify-content: center!important;}
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);}
.vantage-logo{text-align: center;}
.banner{background: url(/wp-content/themes/vantage/images/money-work-banner-bg-new.webp) no-repeat;background-size: cover;padding: 70px 0 60px;position: relative;overflow: hidden;background-position-x: center;}
.banner::after{background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 28.51%, rgba(0, 0, 0, 0) 56.94%);content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;pointer-events: none;}
.banner .inner{display: flex;justify-content:space-between;max-width: 1628px;}
.banner-text h1{font-size: 64px;font-weight: 600;line-height: 1.2;color:var(--v-white);position: relative;}
.banner-text p{font-size:var(--fs-32);line-height: 1.3;color:var(--v-white);opacity: 0.8;position: relative;margin-bottom: 49px;}
.banner-img-mb{display: none;}
.banner-content{max-width: 726px;width: 100%;text-align: center;}
.banner .inner .text-inner {padding-top: 73px;}
.banner-text{text-align: center;position: relative;z-index: 1;}
.banner .banner-img-mb {display: none;}
.vantage-logo {width: 80px;height: 80px;background-color: var(--v-white);box-shadow: 0px 3px 6px #00000029;border-radius: 40px;display: flex;justify-content: space-around;align-items: center;margin-bottom: 16px;margin: 0 auto;}
.open-account{background: var(--v-white);padding: 50px;border-radius: 8px;width: 100%;max-width: 530px;position: relative;z-index: 1;margin-right: 94px;}
.open-account h3{text-align: center; color: var(--v-black);font-size: var(--fs-32);font-weight: 600;margin:16px 0 32px;text-align: center;}
#sub-open{width: 100%;}
.open-account .other-open{max-width: 260px;display: flex;justify-content: space-between;align-items: center;margin:15px auto 0;}
.open-account .other-open a:nth-of-type(1){color: var(--v-green-darker);font-size: var(--fs-16);}
.open-account .other-open a{text-decoration: underline;}
.open-account .other-open a:nth-of-type(1):hover{color: #002329;}
.open-account .other-open a:nth-of-type(2):hover{color: #000000;}

.banner-botm{padding:0 120px;position: absolute;background:url(/wp-content/themes/vantage/images/money-work-banner-botbg.webp?v=3) center no-repeat;background-size: cover;max-width:min(1120px, calc(100% - 40px));margin: 155px auto 0;border-radius: 22px;display: flex;align-items: center;justify-content: space-between;bottom: 70px;left: 50%;transform: translateX(-50%);width: 100%;filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));z-index: 2;}
.banner-botm img{margin-top: -75px;}
.banner-botm p{font-size: var(--fs-36);color: var(--v-white);line-height: 1.2;margin: 0;font-weight: 600;max-width: 550px;padding: 20px 0;}
.banner-botm p span{color: var(--v-orange);}

.row2 {padding: 30px 0;background: var(--v-white);}
.row2 .inner {max-width: 1920px;padding: 0 85px;}
.row2 .swiper_container {display: flex;overflow: hidden;gap: 56px;}
.row2 .swiper_container .publicationsfor {display: flex;gap: 56px;align-items: center;justify-content: space-between;}
.row2 .swiper_container .publicationsfor li {display: inline-block;width: auto;}
.row2 .swiper_container .publicationsfor li img {max-width: none;}

.row3{padding: 67px 0 106px;background-color: var(--v-white);overflow: hidden;}
.row3 h2{color: var( --v-black-light);}
.row3 .intro{color: var( --v-black-light);opacity: 0.7;margin: 12px auto 26px;max-width: 836px;font-size: var(--fs-22);font-weight: 500;line-height: 1.3;text-align: center;}
.content-wrapper {display: flex;align-items: center;justify-content: space-between;max-width: 1204px;gap: 15px;margin: 0 auto;}
.features-list {flex: 1;display: flex;flex-direction: column;max-width: 340px;gap: 24px;}
.feature-item {display: flex;align-items: center;gap: 16px;}
.feature-item img{width: 20%;max-width: 64px;}
.feature-item p{font-size: 18px;font-weight: 600;line-height: 1.2;color: var(--v-black);margin: 0;}
.feature-item p span{display: block;font-size: 14px;font-weight: 500;}
.graphic-container {width: 412px;height: 341px;background: url(/wp-content/themes/vantage/images/open-as-row3-img.webp) center no-repeat;background-size: cover;}

.row4{background:url(/wp-content/themes/vantage/images/open-as-row4-bg.webp) center no-repeat;background-size: cover;}
.row4 .inner{display: flex;justify-content: space-between;gap:15px;max-width: 1360px;padding-top: 15px;}
.row4-text{max-width: 493px;}
.row4-text h2{text-align: left;}
.row4-text ul{margin: 32px 0;}
.row4-text ul li{display: flex;align-items: flex-start;justify-content:flex-start;gap: 12px;margin-bottom: 16px;}
.row4-text ul li:last-child{margin: 0;}
.row4-text ul li span{display: flex;width: 28px;height: 28px;border-radius: 50%;justify-content: center;align-items: center;font-size: var(--fs-16);font-weight: 400;background: var(--v-orange);color: var(--v-white);}
.row4-text ul li h4{font-size: var(--fs-20);font-weight: 600;color: var(--v-white);line-height: 1.2;}
.row4-text ul li p{font-size: var(--fs-16);font-weight: 400;color: var(--v-white);line-height: 1.5;opacity: 0.7;margin: 4px 0 0;}
.row4-item{width: calc(100% - 40px);}
.row4-img-mb{display: none;}
.row4 .orange-arrow-button.p18 {padding: 20.5px 72px 20.5px 28px;}
.row4 .orange-arrow-button.p18:hover {padding-right: 76px;}
.row4 .row4-img {margin-left: -197px;}

.row5{padding:116px 0 114px;background:url(/wp-content/themes/vantage/images/open-as-row5-bg.webp?v=1) center no-repeat;background-size: cover;position: relative;}
.row5-trade{max-width: 1000px;margin: 0 auto;background: linear-gradient(82.88deg, rgba(0, 0, 0, 0.5) -8.31%, rgba(0, 0, 0, 0) 110.09%),linear-gradient(255.01deg, rgba(255, 115, 0, 0.2) 1.26%, rgba(0, 0, 0, 0.2) 60.56%);border-radius: 16px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);width: 100%;}
.row5-trade::before{content:"";position:absolute;inset:0;padding:1px;border-radius:16px; background: linear-gradient( 180deg, rgba(255,255,255,0.2), rgba(255,255,255,0.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor; mask-composite: exclude;pointer-events:none;}
.row5-trade-div{padding: 76px 20px 77.7px;text-align: center;}
.img-box-top{display: flex;align-items: center;justify-content: center;gap: 25px;}
.row5-trade-div p{margin: 8px auto 29.6px;max-width: 652px;font-size: var(--fs-20);font-weight: 500;line-height: 1.3;color: var(--v-white);opacity: 0.7;}
.row5 .img-box-top a {position: relative;}
.row5 .img-box-top a img {transition: opacity 0.35s ease-in-out;}
.row5 .img-box-top a .hover-img{position: absolute;top: 0;left: 0;opacity: 0;}
.row5 .img-box-top a:hover .hover-img{opacity: 1;}
.row5 .img-box-top a:hover .default-img{opacity: 0;}

.orange-button::after {width: 1.6em;}

.vantage-app-faq p.disclaimer{color: var(--v-black);margin: 0;font-size: var(--fs-16);}
.vantage-app-faq .faq-module{padding-bottom: 40px;}
.vantage-app-faq .faq-module .inner{padding: 0;}
.vantage-app-faq{padding-bottom: 120px;}

@media (max-width: 1600px) {
    .banner{background-position-x: 42%;}
    .open-account {margin-right: 0;}
}
@media (max-width: 1440px){
    .banner-text h1 {font-size: var(--fs-48);}
    .open-account {max-width: 480px;}
    .banner {background-position-x: 36%;}
    .banner .banner-img-pc {max-width: 450px;}

    .row4 .inner {align-items: flex-end;}
    .row4 .row4-img {margin-left: -110px;max-width: 670px;}
    .row4-text {margin: 40px 0 70px;}
    
    .vantage-app-faq{padding-bottom: 70px;}
}
@media (max-width:1240px) {
    .banner .inner .text-inner {padding-top: 106px;}
    .banner .banner-img-pc {max-width: 414px;}
    .open-account{padding: 35px;max-width: 410px;}
    .marquee-left{margin-bottom: 60px;}
}


@media (max-width:1140px) {
    :root{
        --fs-48:40px;
        --fs-44:36px;
    }
    h2{font-size: var(--fs-44);}
}
@media (max-width:1024px) {
    :root{
        --fs-48:36px;
        --fs-44:32px;
        --fs-28:24px;
    }
    .banner .inner {padding: 0 30px;}
    .row4 .inner{align-items: flex-end;}
    .row2 .inner .my_swiper::after,.row2 .inner .my_swiper::before{display: none;}
    .row2 .inner .my_swiper .swiper-slide:first-child{margin-left: 0;}
}

@media (max-width: 980px) {
    .banner{background: none;padding: 0;overflow: inherit;}
    .banner .inner{padding: 0;flex-wrap: wrap;justify-content: center;}
    .banner .banner-content {background: url(/wp-content/themes/vantage/images/money-work-banner-bg-new-ipad.webp) no-repeat;position: relative;width: 100%;background-size: cover;max-width: 100%;background-position-x: center;padding: 50px 0 90px;}
    .banner .inner .text-inner {padding: 0 20px;}
    .banner-text{text-align: center;margin: 0;margin-bottom: 30px;}
    .banner-text p {margin-bottom: 0;}

    .open-account{width: 100%;padding:20px 20px 60px 20px;box-shadow: 0px 4px 20px 0px #00000029;max-width: 100%;border-radius: 0;}
    .banner::after{display: none;}
    .open-account-right{max-width: 460px;margin: 0 auto;}

    .row4 .row4-img {min-width: 420px;}
    .row4-text {margin: 20px 0;}

    .graphic-container{width: 250px;height: 272px;}
}

@media (max-width: 850px){
    :root{
        --fs-48:32px;
        --fs-44:30px;
    }
}

@media (max-width: 768px) { 
    :root{
        --fs-48:28px;
        --fs-44:26px;
        --fs-28:22px;
    }
    h2{font-size: var(--fs-28);}
    .banner-botm br {display: none;}
    .banner-botm{padding: 0 40px;}
    .banner-botm p{font-size: var(--fs-22);}
    .row2 .inner {padding: 0 20px;}
    .row2 .swiper_container {padding: 0 39.4px;gap: 21.8px;}
    .row2 .swiper_container .publicationsfor {display: flex;gap: 21.8px;}
    .row2 .swiper_container .publicationsfor li {flex-shrink: 0;}
    .row2 .swiper_container .publicationsfor li img {max-width: 100%;}
    .row3{padding: 50px 0 0;}
    .graphic-container {width: 223px;height: 432px;background: url(/wp-content/themes/vantage/images/open-as-row3-img-mb.webp) center no-repeat;background-size: contain;order: 1;margin-bottom: -46px;}

    .content-wrapper {flex-direction: column;}
    
    .features-list {width: 100%;}
    .feature-item img{max-width: 55px;}
    .content-wrapper{gap: 24px;}

    .row4{padding: 0;background:url(/wp-content/themes/vantage/images/open-as-row4-bg-mb.webp) no-repeat;background-size: cover;background-position: center bottom;}
    .row4 .inner{flex-wrap: wrap;align-items: center;flex-direction: column-reverse;gap: 20px;}
    .row4 .row4-img{max-width: 500px;margin: 0 auto;min-width: auto;}
    .row4-text{max-width: 100%;padding: 42px 0 17px;}
    .row4 .orange-arrow-button.p18 {padding: 19px 56px 16px 24px;}
    .row4 .orange-arrow-button.p18:hover {padding-right: 60px;}
    .row5 {padding: 50px 0;}
    .row5 .img-box-top a {max-width: 150px;}
}
@media (max-width: 600px) { 
    .banner .banner-content {background: url(/wp-content/themes/vantage/images/money-work-banner-bg-new-mb.webp?v=4) no-repeat;background-size: cover;background-position-x: center;background-position-y: 71%;padding: 50px 0 470px;}
    .banner-text{margin-bottom: 0px;}
    .banner .banner-img-pc {display: none;}
}
@media (max-width: 510px) {
    :root{
        --fs-28:18px;
        --fs-44:24px;
        --fs-28:20px;
    }

    .banner-text p {font-size: 16px;line-height: 1.5;}
    .banner .banner-content {background-position-y: 80%;padding: 35px 0 370px;}

    .row2 .swiper_container {padding: 0 10px;}
    .row3{padding: 34px 0 0;}
    .row3 .intro {margin: 8px 0 16px;font-size: 12px;}
    .graphic-container{width: 226px;height: 246px;margin-top: 23px;margin-bottom: 0;}
    .feature-item img{max-width: 40px;}
    .features-list{gap: 13px;}
    .content-wrapper{gap: 13px;}

    .row4{padding-top: 42px;}
    .row4 .inner {gap: 32px;padding-top: 0;}
    .row4-text {padding: 0;margin: 0;}
    .row4-text h2 {font-size: 17px;line-height: 1.3;}
    .row4-text ul li span {width: 24px;height: 24px;}
    .row4-text ul li p {line-height: 1.4;}
    .row4-text ul{margin: 15px 0;}  
    .row4-text ul li{margin-bottom: 8px;gap: 8px;}
    .row4-img-pc{display: none;}
    .row4-img-mb{display: block;}
    .row4 .orange-arrow-button.p18 {padding: 13px 52px 13px 24px;font-size: 14px;line-height: 1.3;}
    .row4 .orange-arrow-button.p18:hover {padding-right: 56px;}

    .vantage-app-faq{padding-bottom: 20px;}
    .marquee{display: none;}
    .row5{padding: 32px 0;background:url(/wp-content/themes/vantage/images/open-as-row5-bg-mb.webp) center no-repeat;background-size: cover;}
    .row5-trade-div{padding: 50.4px 16px;}
    .row5-trade-div p{font-size: 14px;margin: 4px auto 16px;}
    .img-box-top{gap: 16px;}
    .row5 .img-box-top a {max-width: 132px;}
    .row5-trade {border-radius: 4px;background: linear-gradient(82.88deg, rgba(0, 0, 0, 0.5) -8.31%, rgba(0, 0, 0, 0) 110.09%);backdrop-filter: blur(40px)}
    .row5-trade::before {border-radius: 4px;}
}
@media (max-width: 410px) { 
    .banner .banner-content {background-position-y: bottom;}
}
@media (max-width:380px) {
    .banner-botm{padding: 0 20px;}
}
/* ! vantagemarcouk|2026-04-23 11:37:00 ! */