body{ margin: 0 !important;}
header.header-lp .inner{padding: 24px 48px 32px;}
header .nav-logo a{width: 162px;height: 28px; background:url(/wp-content/themes/vantage/images/crypto-wallet-logo-V15.svg) center center no-repeat; background-size:100% auto; }
header .nav-logo a img{ opacity: 0;width: 162px;}
.header-lp{ background: #000000CC; box-shadow: 0px 20px 30px 0px #00000029; backdrop-filter: blur(20px);}
.header-lp .main-menu{background:none;}
footer{ background: var(--v-black); color: var(--v-white);backdrop-filter: blur(18px);}

.open-account-btn.p20{font-size: var(--fs-20);line-height: 26px;padding: 19px 78px 19px 28px;}

h1 span,
h2 span{color: var(--v-orange);}

.banner{position: relative;z-index: 99;overflow: hidden;padding: 234px 0 150px;background: url(/wp-content/themes/vantage/images/crypto-wallet-banner.webp?v=3) center center no-repeat;background-size: cover;background-position-x: 100%;}
.banner .text-box{max-width: 612px;position: relative;z-index: 10;}
.banner h2{color: var(--v-white);font-size: 48px;font-weight: 600;line-height: 57px;margin-bottom: 12px;}
.banner p{color: var(--v-white);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 24px;}
.banner .img-box{max-width: 100%;position: absolute;right: 230px;bottom: 0;z-index: 9;}

.row1{background: linear-gradient(271.16deg, #000000 69.6%, #2A2A2C 99.01%);padding: 99px 0;position: relative;z-index: 99;overflow: hidden;}
.row1 .inner{display: flex;justify-content: center;align-items: center;gap: 56px;}
.row1 .text-box{max-width: 600px;text-align: center;margin-top: -20px;}
.row1 h2{color: var(--v-white);font-size: var(--fs-32);font-weight: 600;line-height: 38px;margin-bottom: 16px;}
.row1 p{color: var(--v-white);font-size: var(--fs-16);font-weight: 400;line-height: 24px;margin-bottom: 0;}
.row1 .bg-box{position: absolute;left: -16%;bottom: -49%;z-index: -1;}
.row1 .bg-box img{width: 80%;}
.row1 .bg-box .mb-img{display: none;}

.row2-wrapper{background: linear-gradient(69.82deg, #000000 60%, #2A2A2C 100%),linear-gradient(69.82deg, #000000 60%, #2A2A2C 100%);overflow: hidden;padding: 96px 0;position: relative;}
.row2-wrapper .inner{position: relative;z-index: 10;}
.text-scroll{color: #3E4547;font-size: 160px;font-weight: 500;line-height: 192px;position: absolute;top: 63%;text-transform: uppercase;animation: textmove 20s linear infinite;white-space: nowrap;}
@keyframes textmove {
    0%{
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    100%{
        transform: translateX(-40%);
        -webkit-transform: translateX(-40%);
    }
}

.row2 .text-box{max-width: 900px;text-align: center;margin: 0 auto 50px;}
.row2 h2{color: var(--v-white);font-size: 48px;font-weight: 600;line-height: 57px;margin-bottom: 16px;}
.row2 p{color: var(--v-white);font-size: var(--fs-16);font-weight: 400;line-height: 24px;margin-bottom: 32px;}
.row2 p a{text-decoration: underline;}
.row2 .img-box{text-align: center;}
@property --α {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.card {position: relative;max-width: 1008px;border: solid 6px #0000;border-radius: 34px;margin: 0 auto;}
.card::before, 
.card::after {--full: conic-gradient(red 0 0);position: absolute;inset: -6px;border: inherit;border-radius: inherit;box-shadow: 0 0 6em rgba(0, 0, 0, 0.001);background: conic-gradient(from var(--α), #E35728, #FFDCD1, #632929, #FFFBF4, #E35728, #E35728) border-box;mask: var(--full) no-clip subtract, var(--full) padding-box;pointer-events: none;animation: α 4s linear infinite;content: "";}
.card::after {filter: blur(2em);}
@keyframes α {
  to {
    --α: 1turn ;
  }
}

.row3{background: linear-gradient(69.82deg, #000000 60%, #2A2A2C 100%),linear-gradient(186.64deg, #000000 64.17%, #232222 100%);backdrop-filter: blur(18px);}
.row3-inner{background: linear-gradient(232.69deg, #E35728 -20%, rgba(227, 87, 40, 0) 26.47%);}
.row3 .inner{padding-top: 96px;padding-bottom: 160px;}
.row3 h2{color: var(--v-white);font-size: 48px;font-weight: 600;line-height: 57px;margin-bottom: 60px;text-align: center;}
.row3 h2 span{color: var(--v-orange);}
.row3 ul{display: flex;justify-content: center;gap: 8px;flex-wrap: wrap;}
.row3 ul li{width: 541px;max-height: 204px;background: linear-gradient(94.76deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 48%, rgba(255, 255, 255, 0.7) 100%);border-right: 1px solid #FFFFFF1A;display: flex;align-items: center;gap: 16px;padding: 37px 24px;position: relative;}
.row3 ul li h3{color: var(--v-black);font-size: 28px;font-weight: 600;line-height: 33px;margin-bottom: 8px;}
.row3 ul li p{color: var(--v-black);font-size: var(--fs-14);font-weight: 400;line-height: 19px;margin-bottom: 0;}
.row3 ul li .icon-box{width: 96px;}
.row3 ul li .text-box{max-width: 381px;}
.row3 ul li .arrow{display: none;}

.row4{background: url(/wp-content/themes/vantage/images/crypto-wallet-row4-banner.webp?v=3) left center no-repeat;background-size: cover; padding: 180px 0 96px;position: relative;z-index: 99;overflow: hidden;}
.row4-banner-top{background: linear-gradient(180deg, #292828 0%, #030303 100%);border-radius: 8px 8px 0 0;position: relative;padding: 32px 40px;}
.row4-banner-top h2{color: var(--v-white);font-size: var(--fs-32);font-weight: 600;line-height: 38px;margin-bottom: 8px;}
.row4-banner-top p{color: var(--v-white);font-size: var(--fs-18);font-weight: 500;line-height: 23px;margin-bottom: 16px;}
.row4-banner-top .img-box{position: absolute;right: 0;bottom: 0;}
.row4-banner-top .text-box{max-width: 740px;}
.row4-banner-bottom{background: var(--v-white);padding: 32px 60px 32px 40px;border-radius: 0px 0px 8px 8px;display: flex;justify-content: center;gap: 20px;}
.row4-banner-bottom ul{width: 80%;display: flex;gap: 40px;}
.row4-banner-bottom ul li{width: 321px;}
.row4-banner-bottom ul li .step{width: 52px;height: 52px;background: var(--v-orange);border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--v-white);font-size: var(--fs-20);font-weight: 600;line-height: 24px;margin-bottom: 8px;}
.row4-banner-bottom ul li h2{color: var(--v-orange);font-size: var(--fs-20);font-weight: 600;line-height: 24px;margin-bottom: 12px;}
.row4-banner-bottom ul li p{color: var(--v-black);font-size: var(--fs-16);font-weight: 400;line-height: 24px;margin-bottom: 0;}
.row4-banner-bottom .img-box{display: flex;flex-direction: column;gap: 12px;}

.faq-module{background: #F2F3F5;padding: 96px 0;position: relative;z-index: 99;}
.faq-module .inner .faq-module-h2{font-size: var(--fs-56);font-weight: 600;margin-bottom: 15px;color: #002329;text-align: center;}
.faq-module .inner .faq-module-h2 span{color: var(--v-orange);}
.faq-module .inner .faq-module-top-text{ text-align:center; color: var(--v-black);font-size: var(--fs-18);}
.faq-module .inner .faq-module-top-text a{ text-decoration:underline; color: var(--v-black);}
.faq-module .inner .faq-module-top-text a:hover{ text-decoration:underline; color: var(--v-black);}
.faq-module-inner .faq-list{transition: all .3s;margin: 32px 0;}
.faq-module-inner .faq-list.active{background: #D9D9D94D;}
.faq-module-inner .faq-list .faq-module-tit{font-size: var(--fs-22);font-weight: 500;color: var(--v-black);cursor: pointer;padding: 16px 20px 16px 16px;border-bottom: 1px solid #C6C6C6;}
.faq-module-inner .faq-list .faq-module-tit .list-serial{display: flex;align-items: center;}
.faq-module-inner .faq-list .faq-module-tit span.serial{width: auto;margin-right: 6px;font-style: italic;color: var( --v-grey);display: block;height: 100%;min-width: 16px;}
.faq-module-inner .faq-list .faq-module-tit h3{font-size: var(--fs-20);font-weight: 600;display: flex;}
.faq-module-inner .faq-list .faq-module-tit p{margin-bottom: 0px;}
.faq-module-inner .faq-list a{text-decoration: underline;color: var(--v-orange);}

.faq-module-inner .faq-list .faq-module-tit p.faq-module-icon{width: 88px;height: 22px; display: flex; justify-content: flex-end;position: relative;}
.faq-module-inner .faq-list .faq-module-detial{display: none;font-size: var(--fs-16);color: #636363;padding: 20px;}
.faq-module-inner .faq-list .faq-module-detial ol{padding-left: 25px;}
.faq-module-inner .faq-list .faq-module-detial ol li{list-style: auto;}
.faq-module-inner .faq-list .faq-module-detial p{margin: 0;}

@media (max-width:1500px) {
    .banner .img-box{right: 90px;}
}
@media (max-width:1440px) {
    .banner h2{font-size: 45px;line-height: 1.22;}

    .row2 h2{font-size: 45px;line-height: 1.22;}

    .row3 h2{font-size: 45px;line-height: 1.22;}
}
@media (max-width:1340px) {
    .banner h2{font-size: 40px;}
    .banner .img-box{right: -86px;}
    .banner .img-box img{width: 90%;}
    .banner .text-box{max-width: 50%;}

    .row2 h2{font-size: 40px;}

    .row3 h2{font-size: 40px;}
}
@media (max-width:1240px) {
    .banner h2{font-size: var(--fs-40);}


    .row1 .text-box{max-width: 50%;}
    .row1 .bg-box{bottom: -37%;}

    .row2 h2{font-size: var(--fs-40);}

    .row3 h2{font-size: var(--fs-40);}
    .row3 ul li{width: 49%;}
    .row3 ul li .text-box{max-width: 70%;}
    .row3 ul li h3{font-size: var(--fs-24);line-height: 1.22;}
}
@media (max-width:1024px) {
    .banner{padding: 150px 0;}
    .banner .img-box{right: -166px;}
    .banner .img-box img{width: 80%;}

    .row1{padding: 30px 0 80px;}
    .row1 .inner{flex-direction: column;}
    .row1 .text-box{max-width: 100%;margin-top: 0;}
    .row1 .bg-box{bottom: auto;top: 27%;left: -10%;}
    .row1 .bg-box img{width: 100%;}
    .row1 .bg-box .pc-img{display: none;}
    .row1 .bg-box .mb-img{display: block;}
    .row1 .img-box{text-align: center;}
    .row1 .img-box img{width: 80%;}

    .text-scroll{display: none;}

    .row3 ul li{max-height: max-content;}
    .row3 h2{margin-bottom: 20px;}

    .row4-banner-bottom{flex-direction: column;}
    .row4-banner-bottom ul{width: 100%;}
    .row4-banner-bottom .img-box{flex-direction: row;}
}
@media (max-width:980px) {
    .banner .img-box{right: -255px;}
    .banner .img-box img{width: 70%;}
}
@media (max-width:900px) {
    .row4-banner-top .img-box{right: -30px;}
}
@media (max-width:840px) {
    .row4-banner-top .img-box{right: -70px;}
}
@media (max-width:800px) {
    .row4-banner-top .img-box{right: -110px;}
}
@media (max-width:768px) {
    .banner{padding: 100px 0 0;background: linear-gradient(186.64deg, #000000 36.79%, #0F2930 69.74%, #1D4752 109.28%, #BBBBBB 142.22%);}
    .banner .inner{height: auto;display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;padding-bottom: 513px;
    }
    .banner .text-box{text-align: center;max-width: 70%;}
    .banner .img-box{width: 100%;right: auto;left: 50%;transform: translateX(-50%);text-align: center;}
    .banner .img-box img{width: 80%;}

    .row1 .img-box img{width: 80%;}
    .row1 .bg-box{top: 22%;}

    .row2-wrapper{background-attachment: unset;padding: 0;}
    .row2{padding: 64px 0;}
    .row2 .text-box{margin-bottom: 32px;}

    .row3{background: linear-gradient(186.64deg, #000000 64.17%, #292727 100%);}
    .row3-inner{background: linear-gradient(196.8deg, #E35728 -30.13%, rgba(227, 87, 40, 0) 25.79%);}
    .row3 .inner{padding-top: 70px;padding-bottom: 70px;}
    .row3 ul li{width: 100%;background: unset;border-right: 0;padding: 3px 0;gap: 12px;cursor: pointer;}
    .row3 ul li p{display: none;color: var(--v-white);}
    .row3 ul li .arrow{display: block; width: 12px;height: 12px;border-left: 2px solid #8B9CA1;border-top: 2px solid #8B9CA1;transform: rotate(225deg);position: absolute;right: 0;transition: all .2s linear;}
    .row3 ul li .tit{display: flex;align-items: center;}
    .row3 ul li h3{color: var(--v-white);}
    .row3 ul li.active .arrow{transform: rotate(45deg);border-left: 2px solid #E35728;border-top: 2px solid #E35728;}
    .row3 ul li .icon-box{width: 76px;}
    .row3 ul li h3{font-size: 20px;}

    .row4{padding: 90px 0;}
    .row4-banner-top{text-align: center;padding: 32px 24px 0;}
    .row4-banner-top .img-box{position: static;}
    .row4-banner-bottom{padding: 32px 24px 40px;}
    .row4-banner-bottom ul{flex-direction: column;gap: 20px;}
    .row4-banner-bottom ul li{width: 100%;display: flex;gap: 16px;}
    .row4-banner-bottom ul li .text{max-width: 70%;}
    .row4-banner-bottom ul li .step{width: 36px;height: 36px;margin-bottom: 0;}
}
@media (max-width:600px) {
    .banner .inner{padding-bottom: 400px;}
    .banner .text-box{max-width: 100%;}
}
@media (max-width:510px) {
    .open-account-btn.p20{line-height: 24px;padding: 13px 59px 13px 28px;}

    .banner .inner{padding-bottom: 333px;}
    .banner h2{font-size: 28px;line-height: 36px;margin-bottom: 5px;}
    .banner p{line-height: 24px;}
    .banner .img-box img{width: 100%;}

    .row1{padding: 73px 0 32px;}
    .row1 h2{font-size: 20px;line-height: 24px;margin-bottom: 8px;}
    .row1 p{line-height: 21px;}
    .row1 .bg-box{top: 18%;}
    .row1 .text-box{margin-top: -32px;}
    .row1 .img-box img{width: 63%;}

    .row2{padding: 32px 0;}
    .row2 h2{font-size: 20px;line-height: 24px;margin-bottom: 8px;}
    .row2 p{line-height: 21px;}
    .row2 .img-box{margin: 0 -10px;}
    .card{border-radius: 16px;}

    .row3 .inner{padding-top: 32px;padding-bottom: 52px;}
    .row3 h2{font-size: 20px;line-height: 24px;margin-bottom: 24px;}
    .row3 ul li{padding: 0;}
    .row3 ul li h3{font-size: 16px;line-height: 19px;}
    .row3 ul li .icon-box{width: 69px;}
    .row3 ul li .arrow{right: 8px;top: 20px;}

    .row4{padding: 32px 0;background-position: center center;}
    .row4-banner-top{padding: 20px 12px 0;}
    .row4-banner-top h2{font-size: 20px;line-height: 24px;}
    .row4-banner-bottom{padding: 16px 12px 20px;}
    .row4-banner-bottom ul{gap: 23px;}
    .row4-banner-bottom ul li{gap: 8px;}
    .row4-banner-bottom ul li .step{width: 24px;height: 24px;}
    .row4-banner-bottom ul li h2{font-size: 16px;line-height: 19px;margin-bottom: 6px;}
    .row4-banner-bottom ul li p{line-height: 20px;}
    .row4 .orange-arrow-button.p18{font-size: 14px;line-height: 21px;padding: 12px 59px 12px 24px;}
    .row4-banner-bottom ul li .text{max-width: 90%;}

    .faq-module{padding: 32px 0;}
    .faq-module .inner .faq-module-h2{font-size: 20px;line-height: 24px;margin-bottom: 20px;}
    .faq-module-inner .faq-list{margin: 0;}
    .faq-module-inner .faq-list .faq-module-tit h3{font-size: 14px;line-height: 21px;}
    .faq-module-inner .faq-list .faq-module-detial p{line-height: 19px;}
}