h1,
h2{color: var(--v-white); font-size: 48px; font-weight: 600; line-height:1.22;}
h1 span,
h2 span{color: var(--v-orange);}
.banner{background: var(--v-black); width: 100%; overflow: hidden;}
.banner .inner{max-width: 1440px;display: flex; justify-content: flex-start; align-items: center; height:1080px; position: relative;}
.banner .inner:before{ content:''; display: block; width: 60%; position: absolute; left:0; top:0px; height: 100%; z-index: 2; background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);}
.banner .text-box{width: 680px;  max-width:60%; position: relative; z-index: 3; padding-top:32px; padding-bottom:20px;}
.banner .text-box p.sub-title{ font-weight:500; font-size:20px; opacity: 0.7; margin-bottom:15px;}
.banner .text-box p{ font-size:16px; color: var(--v-white); line-height:1.5; opacity: 0.8; margin-bottom:22px;}
.banner .text-box p.small-text{ font-size:14px;}
.banner .text-box h1{font-size:64px; margin-bottom:4px; line-height:1.12;}
.banner .text-box .orange-button.p18{ padding: 19px 36px 18px; box-shadow: 0px 8px 20px 0px #B75D2670;}
.banner .img-box{ position: absolute; right:-292px; top:0; width: 1270px; max-width: 1270px;}

.row1{background: var(--v-black); width: 100%; overflow: hidden;}
.row1 .inner{max-width: 1440px; padding-top:56px; padding-bottom:56px; display: flex; justify-content: space-between; align-items: center;}
.row1 .text-box{width: 610px;  max-width:50%; position: relative; z-index: 1;}
.row1 .text-box h2{ margin-bottom:12px;}
.row1 .text-box p{ font-size:20px; color: var(--v-white); line-height:1.3; opacity: 0.7; margin-bottom:0px;}
.row1 .img-box{ width: 578px; max-width:48%; text-align:center;}

.row2{ background:var(--v-white); width: 100%; overflow: hidden;}
.row2 .inner{ padding-top:96px; padding-bottom:95px; text-align:center;}
.row2 .top-box{ text-align:center; max-width:900px; margin-left:auto; margin-right:auto; padding-bottom:34px;}
.row2 h2{ margin-bottom:12px; color: var(--v-black-light);}
.row2 p.top-p{color: var(--v-black-light); opacity: 0.7; margin-bottom:0px; font-size:20px; line-height:1.3;}
.row2 ul{ max-width:1200px; margin-left:auto; margin-right:auto; display: flex; gap:20px; text-align:center;}
.row2 ul li{ width: calc(100% / 6 - 14px); /* background: #f6f6f6; */ border-radius:8px; position: relative; overflow: hidden; min-height:228px; }
.row2 ul li .text-box{ padding: 20px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.row2 ul img.icon{ margin-bottom:1px;}
.row2 ul p.hover-title,
.row2 ul h3{color: var(--v-black-light); font-size:18px; font-weight: 600; max-width: 140px; margin-left:auto; margin-right:auto;}
.row2 ul p.hover-title br,
.row2 ul h3 br{ display: none;}
.row2 ul p{color: rgba(0,35,41,0.7); font-size:14px; font-weight: 500; margin-bottom:0;}
.row2 ul span.linkText,
.row2 ul a.linkText{color:var(--v-orange); text-decoration: none; font-size:14px; margin-top:20px; border-bottom:1px solid var(--v-orange); padding-bottom:0px; display:inline-block; line-height: 1.3;}
.row2 ul a.linkText:hover{color:var(--v-orange); text-decoration: none;}
.row2 ul p.text-p{ padding-top:2px; line-height:1.45;}
.row2 ul li:hover{ box-shadow: 0px 4px 4px 0px #00000040;backdrop-filter: blur(20px);}
.row2 ul li:hover .hover-text{ transform:translate(0%,0%);opacity: 1;}
.row2 ul .hover-text {position: absolute; z-index:3;width: 100%;height: 100%;left:0px;top:0px;color:var(--v-white);display:flex; flex-wrap: wrap; align-content: center; padding: 24px 12px 20px; transform:translate(0%,100%);transition: .5s ease;cursor: pointer;opacity: 0;overflow-y: auto;}
/* .row2 ul li:nth-child(3) .hover-text{ padding-left:10px; padding-right:10px;} */
.row2 ul li .mask-layer {position: absolute;width:120%;height:120%;border-radius:50%;bottom:-120%;left:-120%; background:#f2f3f5; transition: .5s ease;}
.row2 ul li:hover .mask-layer{transform: scale(1.4);bottom:-20%;left:-20%;}
.row2 ul .hover-text p.hover-title{ line-height: 1.22; font-weight: 600; color: var(--v-black-light);}
.row2 ul .hover-text p.hover-title,
.row2 ul .hover-text h3{ font-size:16px; max-width: 125px; margin: 0px auto 5px;}
.row2 ul .hover-text p{ color: var(--v-black); font-weight: 400; line-height: 1.45; font-size:12px; width: 100%;}
.row2 ul .hover-text p span{ font-size:12px; display: inline-block;}
.row2 ul .hover-text p.sub-title{ font-weight: 500; color: var(--v-black-light); font-size:16px; margin-bottom:7px; margin-top:-4px;}

.row3{ background: var(--v-black); position: relative; width: 100%; overflow: hidden;}
.row3 .inner{ padding-top:96px; padding-bottom:96px; text-align:center; color: var(--v-white);}
.row3 .top-box{ text-align:center; max-width:900px; margin-left:auto; margin-right:auto; padding-bottom:56px;}
.row3 h2{ margin-bottom:5px;}
.row3 h3{ font-size:20px; margin-bottom:17px; font-weight: 500;}
.row3 p.top-p{ max-width:820px; margin-left:auto; margin-right:auto; color: var(--v-white); opacity: 0.8; margin-bottom:0px; font-size:12px; line-height:1.45;}
.row3-swiper-wrap{ max-width:730px; margin-left:auto; margin-right:auto; padding-top:68px;}
.row3-swiper-wrap .swiper-slide{ width: 50%; /* width: 365px; min-width:365px; */ padding: 0px 16px; height: auto; transition: all 0.5s; }
.row3-swiper-wrap .swiper-slide:hover{ transform: translateY(-32px);}
.row3-swiper-wrap .swiper-slide-box{ height: 100%; border-radius:20px; box-shadow: 0px 0px 10px 0px #14787540;background: radial-gradient(181.5% 100% at 49.85% 100%, #000000 19.5%, rgba(0, 47, 55, 0.8) 100%); border: 1px solid #147875; padding: 20px 0px 35px; transition: .5s ease;}
.row3-swiper-wrap .topTag{padding: 12px 12px 10px 12px;background: #F2B50E;position: absolute; left: 50%; top: -45px;transform: rotate(-8deg) translateX(-50%); transition: all 0.5s; border-left:10px solid #F2800E;}
.row3-swiper-wrap .topTag p{font-size: 19px !important; font-weight: 500; margin: 0;line-height: 21px;text-shadow: 0px 3px 6px #00000029; margin-bottom:0 !important;}
.row3-swiper-wrap .swiper-slide:hover .topTag{/*  transform: rotate(-12deg) translateX(-50%); */}
.row3-swiper-wrap .swiper-slide-box h4{ font-size:32px; font-weight: 700; font-style: italic; margin-bottom:5px;}
.row3-swiper-wrap .swiper-slide-box p{ font-size:14px; line-height:1.3; margin:8px 0px; min-height:69px; min-height: 69px; display: flex; flex-direction: column; justify-content: center;}
.row3-swiper-wrap .swiper-slide-box p b{ font-weight: 500; font-size:18px; display: block;}
.row3-swiper-wrap .swiper-slide-box h5{ font-size:20px; font-weight: 500;/*  margin-bottom: -9px; */}
.row3-swiper-wrap .swiper-slide-box .text-top{ padding:0px 10px 17px;}
.row3-swiper-wrap .swiper-slide-box .text-top p{ font-size:16px; margin-bottom:0;}
.row3-swiper-wrap .swiper-slide-box .text-box{background:#000000CC;}
.row3-swiper-wrap .swiper-slide-box .text-box-nr{ padding: 24px 10px; position: relative;}
.row3-swiper-wrap .swiper-slide-box .text-box-nr p{ margin-bottom:5px;}
.row3-swiper-wrap .swiper-slide-box .text-box-nr .orange-arrow-button.p16,
.row3-swiper-wrap .swiper-slide-box .text-box-nr .green-arrow-button.p16{ transform: translateY(calc(50% + 7px)); padding: 17px 56px 16px 20px;}
.row3-swiper-wrap .swiper-slide-box .text-bottom{ padding: 16px 20px 0px;}
.row3-swiper-wrap .swiper-slide-box.orange-swiper-slide-box{ box-shadow: 0px 0px 10px 0px #E3572840; background: radial-gradient(181.5% 100% at 49.85% 100%, #000000 19.5%, rgba(227, 87, 40, 0.8) 100%); border: 1px solid #FF8E5C;}
.row3-swiper-wrap .swiper-slide-box.orange-swiper-slide-box .text-box{background: linear-gradient(0deg, #000000, #000000);}
.row3-swiper-wrap .swiper-slide-box.orange-swiper-slide-box .text-box-nr{background:linear-gradient(66.11deg, rgba(3, 72, 84, 0.5) 0%, rgba(227, 87, 40, 0.5) 100%);}
.row3 .swiper-pagination{ width: 90px !important; margin:32px auto 0; border-radius:6px; background:#C6C6C6; overflow: hidden; height: 4px; margin-bottom:0px; position: static; display: none !important;}
.row3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--v-orange);height: 4px;border-radius:6px;}
.row3 p.disclaimerText{ text-align:center; font-size:12px; margin:0 auto; max-width: 800px; color: var(--v-white); opacity: 0.8; padding-top:32px;}


.row4{ background:var(--v-white); width: 100%; overflow: hidden;}
.row4 .inner{ padding-top:96px; padding-bottom:115px; text-align:center;}
.row4 .top-box{ text-align:center; max-width:900px; margin-left:auto; margin-right:auto; padding-bottom:50px;}
.row4 h2{ margin-bottom:12px; color: var(--v-black-light);}
.row4 p.top-p{color: var(--v-black-light); opacity: 0.7; margin-bottom:0px; font-size:20px; line-height:1.3;}

.row4 .get-tab-list{display: flex;justify-content: center;margin-bottom: 48px;cursor: pointer;position: relative;}
.row4 .get-tab-list .tab-item{position: relative;}
.row4 .get-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#BABABA;position: absolute;bottom: 0px;left: 0;}
.row4 .get-tab-list .tab-item p{color: #404040;font-size: 18px;font-weight: 500;line-height:1;margin-bottom: 0;text-align: center;padding:4px 20px 4px;}
.row4 .get-tab-list .tab-item.active p{color: var(--v-orange); font-weight: 600; font-size: 20px; padding:0 8px 4px;}
.row4 .wire{position: absolute;top: 24px !important;height: 2px;background: var(--v-orange);transition: .4s;}
.row4 .get-tab-con{ width: 800px; max-width:100%; margin: 0 auto;}
.row4 .tab-con-item{opacity: 0;height: 0;}
.row4 .tab-con-item.active{opacity: 1;height: auto;}

.row4 .tab-con-item h3{ font-size:28px; font-weight: 600; color: var(--v-black-light); margin-bottom:15px;}
.row4 .tab-con-item p.first-p{ font-size:16px; color: var(--v-black); margin-bottom:11px;}
.row4 .tab-con-item p.small-p{ font-size:14px; font-weight: 500; color:#818181; margin-bottom:8px;}
.row4 .tab-con-item p.small-p span{ display: inline-block; padding-inline-start:22px; position: relative;}
.row4 .tab-con-item p.small-p span:before{content:""; display: block; width: 16px; height: 16px; position: absolute; inset-inline-start:0px; top:2px; background: url(/wp-content/themes/vantage/images/gold-trading-24-7-row4-i.svg) left top no-repeat; background-size:100% 100%;}
.row4 .tab-con-item p.bottom-p{ font-size:14px; font-weight: 500; color:rgba(0,0,0,0.4); margin-bottom:0px;}
.row4 .item-list{ /* width: 700px;  */max-width:100%; margin: 0 auto; text-align:start; padding-top:38px;}
.row4 .item-list h4{ font-size:16px; font-weight: 500; color:var(--v-black); position: relative; padding-inline-start:32px; padding-block:2px 0px; margin-bottom:15px;}
.row4 .item-list h4:before{ content:""; display: block; width: 24px; height: 24px; background: url(/wp-content/themes/vantage/images/gold-trading-24-7-row4-arrow.svg) left top no-repeat; background-size:100% 100%; position: absolute; inset-inline-start:0; top:0;}

/* tab-con1 start */
.row4 .tab-con-item-0 .item-list{ width: 570px;}
.row4 ul.formula-list{ display: flex; gap:16px; justify-content: space-between; text-align:center; padding-inline:36px; padding-block-end:22px; gap:10px;}
.row4 ul.formula-list li{ font-size:14px; color:rgba(0,35,41,0.7); position: relative;}
.row4 ul.formula-list li.x-icon{ width: 10px; min-width:10px; background: url(/wp-content/themes/vantage/images/gold-trading-24-7-row4-x.svg) left center no-repeat;}
.row4 ul.formula-list li h5{ font-size:18px; color:rgba(0,35,41,1); font-weight: 600; display: block;}

.row4 ul.example-list{ padding-block:0px 46px; padding-inline:36px; display: flex; justify-content: space-between; align-items: center;}
.row4 ul.example-list li{ font-size:14px; color:rgba(0,35,41,0.7); position: relative;}
.row4 ul.example-list li:last-child b{ font-size:20px;}
.row4 ul.example-list li h5{ font-size:18px; color:rgba(0,35,41,1); font-weight: 600; display: inline-block; padding-inline-start:5px;}
/* tab-con1 end */

/* tab-con2 start */
.row4 ul.funding-rate-list1{ display: flex; gap:60px; justify-content: flex-start; padding-inline:36px; padding-block-end:24px;}
.row4 ul.funding-rate-list1 li{ font-size:14px; color:rgba(0,35,41,0.7); line-height:1.3;}
.row4 ul.funding-rate-list1 li b{ font-size:20px; color:rgba(0,35,41,1); font-weight: 600; display: block; padding-block-end:3px;}

.row4 ul.funding-rate-list2{ display: flex; gap:24px; justify-content: space-between; align-items: center; padding-inline:36px; padding-block:1px 45px;}
.row4 ul.funding-rate-list2 li{ font-size:16px; font-weight: 600; color:rgba(0,35,41,1); position: relative;}
.row4 ul.funding-rate-list2 li.line-li{ width: 20px; height: 2px; background:rgba(0,35,41,0.6);}
/* tab-con2 end */

/* tab-con3 start */
.row4 .tab-con-item3 .item-list{ width: 794px; display: flex; gap:30px;}
.row4 .tab-con-item3 .item-list .item-list-con1{ width: 379px;}
.row4 .tab-con-item3 .item-list .item-list-con2{ width: 383px;}
.row4 .unilateral-margin-text{ display: flex; flex-wrap: wrap; padding-inline-start:36px; padding-block:10px 24px; gap:7px;}
.row4 .unilateral-margin-text li{ font-size:12px; color: var(--v-black-light); width: 100%; display: flex; gap:16px;}
.row4 .unilateral-margin-text li b{font-weight:500; font-size:14px; display: block; width: 40px; min-width: 40px;}
.row4 .unilateral-margin-text li span{font-weight:500; font-size:14px; color: #147875;}
.row4 .unilateral-margin-text li .box{ background:#147875; width: 150px; height: 20px;}
.row4 .unilateral-margin-text li:nth-child(2) span{ color: #034854;}
.row4 .unilateral-margin-text li:nth-child(2) .box{ background:#034854;}
.row4 .unilateral-margin-text li:nth-child(3) span{ color: var(--v-black-light); font-size:12px; font-weight:400; display: block; padding-left:10px;}
.row4 .item-list-con2 .unilateral-margin-text li:nth-child(2) .box{ width: 204px; position: relative;}
.row4 .item-list-con2 .unilateral-margin-text li:nth-child(2) .box:after{ content:''; display: block; width: 4px; height: 100%; background:#fff; position: absolute; right:50px; top:0;}
.row4 .unilateral-margin-text2{ display: flex; flex-wrap: wrap; padding-inline-start:36px; padding-block:0px 46px; gap:8px;}
.row4 .unilateral-margin-text2 li{ font-size:14px; color:#818181; line-height:1.22;}
.row4 .unilateral-margin-text2 li b{font-weight:600; font-size:18px; display: block; color: var(--v-black-light); padding-top:5px;}
/* tab-con3 end */


.row5{background: #000000; width: 100%; position: relative; overflow: hidden;}
.row5:after,
.row5:before{ content:''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0;}
.row5:after{background: linear-gradient(243.88deg, rgba(227, 87, 40, 0.6) -1.73%, rgba(227, 87, 40, 0) 34.65%);}
.row5:before{background: linear-gradient(60.12deg, rgba(25, 108, 121, 0.7) -10.6%, rgba(25, 108, 121, 0) 30.52%);/*  background:rgba(227, 87, 40, 0.8); */}
.row5 .inner{ padding-top:56px; padding-bottom:56px; position: relative; z-index: 5;}
.row5 .top-box{ text-align:center; max-width:900px; margin-left:auto; margin-right:auto; padding-bottom:31px;}
.row5 h2{ margin-bottom:13px; color: var(--v-white);}
.row5 p.top-p{color: var(--v-white); margin-bottom:0px; font-size:20px; line-height:1.3;}
.row5-top-list{ display: flex; justify-content: center; flex-wrap: wrap; gap:24px; padding-bottom:144px;}
.row5-top-list li{ width: 360px; max-width: calc(50% - 12px); background: linear-gradient(0deg, #002329, #002329); color: var(--v-white); border-radius: 8px; transition: all 0.5s;}
.row5-top-list li:hover{ transform: translateY(-20px);}
.row5-top-list li:nth-child(1){background: linear-gradient(0deg, #034854, #034854);}
.row5-top-list li .text-box{ background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); position: relative; border-radius: 8px; max-width:100%;  height: 100%;  display: flex; flex-direction: column; justify-content: flex-end; padding-top:31px; text-align:center;}
.row5-top-list li .text-box::after{ background: linear-gradient(69.14deg, #002329 -12.87%, #FFFFFF 44.76%, #002329 102.39%); -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; border-radius: 8px; inset: 0; padding: 1px;}
.row5-top-list h3{font-weight:600; font-size:20px; line-height:1.4; margin-bottom:2px;}
.row5-top-list h4{font-weight:500; font-size:14px; line-height:1.3; margin-bottom:9px;}
.row5-top-list p{font-weight:400; font-size:12px; line-height:1.4; margin-bottom:0; opacity: 0.8;}
.row5-top-list .text-nr{ max-width:336px; margin-left:auto; margin-right:auto; padding: 0px 20px 3px;}
.row5-top-list .img-box{ width: 100%; overflow: hidden;}
.row5-top-list .img-box img{transform: translateY(35px);}
.row5-top-list li:nth-child(1) .text-nr{ padding-bottom:19px;}

.join-warp{ box-shadow: 0px 20px 30px 0px #00000029; border-radius: 20px;max-width: 1155px;margin: 0 auto;}
.join-warp .join-top{padding: 44px 40px;position: relative;border-radius: 16px 16px 0px 0px; background: linear-gradient(88.12deg, #002329 0%, #000000 99.42%);}
.join-warp .join-top h2{color:var(--v-white);font-size:var(--fs-32);font-weight:600;position: relative;z-index: 9;text-align: start;line-height: 1.2; margin-bottom:7px;}
.join-warp .join-top p{font-size: var(--fs-18);line-height: 1.3;font-weight: 500;color:var(--v-white);opacity: 0.7;margin: 0px 0 16px;max-width: 350px;position: relative;z-index: 2;}
.join-warp .join-top .orange-arrow-button{font-size:var(--fs-18); font-weight: 500; text-transform: none;  padding: 22px 72px 21px 28px;}
.join-warp .join-top .btn-text { width: max-content; text-align: center; -webkit-tap-highlight-color: transparent;}
.join-warp .join-top .img-box{position: absolute;right: 35px;bottom: -49px; width: 480px; max-width: 45%;}
.join-warp .join-bottom{padding: 32px 60px;background: var(--v-white); border-radius: 0 0 16px 16px;display: flex;justify-content: space-between; position: relative; z-index: 1;gap: 20px; text-align: start;}
.join-warp .join-bottom .text-box{display: flex;gap: 40px;}
.join-warp .join-bottom ul li{ max-width: 240px;}
.join-warp .join-bottom ul li:last-child{padding-right: 0px; max-width: 240px;}
.join-warp .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-warp .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-warp .join-bottom ul li .step-message{color: var(--v-black);}
.join-warp .join-bottom ul li .step-message p{margin: 0; font-size: var(--fs-16);line-height: 1.5;}
.join-warp .join-bottom .img-box{display: flex;flex-direction: column;gap: 12px; padding-top: 0px; min-width: 170px;}
.join-warp .orange-arrow-button{display: block;}

.faq-module-wrap{background:#f2f3f5; width: 100%; overflow: hidden;}
.faq-module-wrap .faq-module{background:#f2f3f5; text-align:start; padding-bottom: 23px;}
.faq-module .inner h2{ text-align:center; color: var(--v-black-light);}
.faq-bottom-text{ padding-bottom:96px; color: #404040; font-size:13px; line-height:1.4;}
.faq-bottom-text b{ font-size:14px; font-weight: 500; display: inline-block; padding-bottom:5px;}
.faq-bottom-text a{text-decoration: underline; color: #404040;}
.faq-bottom-text a:hover{text-decoration: underline; color: #404040;}
.faq-module-wrap .faq-module-inner .faq-list .faq-module-detial{ background:#ededef;}

@media (max-width:1720px) {
    .banner .inner{ height: 800px;}
    .banner .img-box{ width: 941px; max-width: 941px; right: -100px;}
    .banner .text-box h1{ font-size:var(--fs-60);}
}

@media (max-width:1440px) {
    h1,
    h2{font-size: var(--fs-50);line-height: 1.22;}
    
    .banner .inner{ height: 600px;}
    .banner .img-box{ width: 706px; max-width: 706px;}
    .banner .text-box h1{ font-size:var(--fs-50);}
}

@media (max-width:1400px) {
    h1,
    h2{font-size: var(--fs-38);}
    
    .banner .text-box p.sub-title{ font-size:18px;}

    .row1 .text-box p{ font-size:18px;}

    .row2 p.top-p{ font-size:18px;}
    
    .row4 p.top-p{ font-size:18px;}

    .row5 p.top-p{ font-size:18px;}
    
    .banner .img-box{ right: -65px;}

    .join-warp .join-top{ padding-top:30px; padding-bottom:30px;}
    .join-warp .join-top .img-box{ right: 0; max-width: 38.125%; bottom:0;}
    .join-warp .join-bottom{padding-left:40px; padding-right:40px;}
}

@media (max-width: 1240px) {    
    /* .row1 .text-box p{ font-size:16px;}
    
    .row2 p.top-p{ font-size:16px;}
    
    .row4 p.top-p{ font-size:16px;}
    
    .row5 p.top-p{ font-size:16px;} */


    .row2 .inner { padding-top: 65px; padding-bottom: 65px;}
    .row2 ul{flex-wrap: wrap; justify-content: center;}
    .row2 ul li{width: calc(100% / 6 - -20px);}

    .row3 .inner{ padding-top: 65px; padding-bottom: 65px;}

    .row4 .inner{ padding-top: 65px; padding-bottom: 65px;}    
    .row4 .tab-con-item h3{ font-size:24px;}

    .faq-module-wrap .faq-module{padding-top: 65px;}
    .faq-bottom-text{padding-bottom: 65px;}
}

@media (max-width: 890px) {
    /* .row4 .tab-con-item3 .item-list{gap: 0px;}
    .row4 .unilateral-margin-text li{gap: 5px;}
    .row4 .unilateral-margin-text li .box{ width: 130px;}
    .row4 .item-list-con2 .unilateral-margin-text li:nth-child(2) .box{ width: 174px;}
    .row4 .item-list-con2 .unilateral-margin-text li:nth-child(2) .box:after{ right: 39px;} */
}

@media (max-width:1200px) {
    h1,
    h2{font-size: 32px;}

    .banner .inner{ height: auto; align-items: flex-start; justify-content: center; flex-wrap: wrap; padding-left:0; padding-right:0;}
    .banner .inner:before{ width: 100%; height: 50%; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 45%);}
    .banner .text-box{ width: 608px; max-width:100%; margin-bottom: -150px; padding: 83px 20px 0px;}
    .banner .text-box h1{ font-size:48px; margin-bottom:8px;}
    .banner .text-box p.sub-title{ font-size:20px;}
    .banner .text-box .orange-button.p18 { font-size:16px; padding: 14px 25px;}
    .banner .img-box{ position: static; width: 100%;  max-width: 100%; text-align:center;}
    .banner .img-box img{ width: 920px;}

    .row1 .inner{ padding:0; position: relative; flex-direction: column-reverse;}
    .row1 .inner:after{ content:''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58.86%, #000000 100%); position: absolute; left: 0; bottom:0; }
    .row1 .img-box{ width: 100%; max-width:100%; padding:18px 40px 0px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -120px;}
    .row1 .img-box img{ width: 580px;}

    .row1 .text-box{ width: 718px; max-width:100%; padding:50px 20px 400px;}
    .row1 .text-box h2{ margin-bottom:7px;}
    
    .row2 .inner { padding-top: 48px; padding-bottom: 48px;}
    .row2 h2{ margin-bottom:7px;}
    .row2 .top-box{ padding-bottom:24px;}
    .row2 ul{ gap:12px; width:700px; max-width:100%; margin-left:auto; margin-right:auto;}
    .row2 ul li{width: 168px; max-width: calc(100% / 3 - 10px); height: 235px; min-height: 235px;}
    .row2 ul img.icon{ width: 90px; margin-bottom: 0px;}
    .row2 ul li .text-box{ padding: 6px 10px;}
    .row2 ul p.hover-title,
    .row2 ul h3{ font-size:16px;}
    .row2 ul p.hover-title br,
    .row2 ul h3 br{ display: block;}    
    .row2 ul p.text-p{ padding-top:4px;}    
    .row2 ul span.linkText,
    .row2 ul a.linkText{margin-top: 19px; line-height:1; font-size:13px; padding-bottom: 2px;}    
    .row2 ul .hover-text{justify-content: start; padding: 18px 14px;}
    .row2 ul .hover-text p.hover-title,
    .row2 ul .hover-text h3{ font-size:14px;}
    .row2 ul .hover-text p.hover-title br,
    .row2 ul .hover-text h3 br{ display: none;}    

    .row3 .inner{ padding-top: 48px; padding-bottom: 48px; padding-left:20px; padding-right:20px;}
    .row3 h2{ margin-bottom:4px;}
    .row3 h3{ font-size:18px;}
    .row3 .top-box{ padding-bottom:10px;}
    
    .row4 .inner{ padding: 55px 20px 75px;}
    .row4 h2{ margin-bottom:7px;}
    .row4 .top-box{ max-width: 704px;}
    .row4 .wire{ top: 23px !important;}
    .row4 .get-tab-list{ margin-bottom:32px;}
    .row4 .get-tab-list .tab-item p{ font-size:16px; padding-left:17px; padding-right:17px;}
    .row4 .get-tab-list .tab-item.active p{ font-size:18px;}
    .row4 .get-tab-con{width: 704px;}
    .row4 .tab-con-item h3{ font-size:20px; margin-bottom:9px;}
    .row4 .tab-con-item p.first-p{font-size:14px; line-height: 1.4;}
    .row4 .tab-con-item p.bottom-p{ font-size:12px; text-align:center;}
    .row4 .item-list{ padding-top:21px;}

    .row4 ul.formula-list li h5{ font-size:16px;}
    .row4 ul.example-list li h5{ font-size:16px;}

    .row4 ul.example-list{ padding-block-end:30px;}
    .row4 .tab-con-item.tab-con-item1 p.bottom-p{ text-align:center;}
    .row4 .tab-con-item.tab-con-item2 p.first-p{ margin-bottom:10px;}
    .row4 .tab-con-item2 .item-list{ width: 700px;}
    .row4 ul.funding-rate-list1{gap:34px; padding-top:4px;}
    .row4 ul.funding-rate-list1 li b{ font-size:18px;}
    .row4 ul.funding-rate-list2{ padding-block-end:30px; justify-content: flex-start;}
    .row4 .tab-con-item.tab-con-item2 h3{ margin-bottom:26px;}
    .row4 .tab-con-item3 .item-list{flex-direction: column; gap: 0px;}
    .row4 .unilateral-margin-text li{gap: 16px;}
    .row4 .unilateral-margin-text li .box{ width: 150px;}
    .row4 .item-list-con2 .unilateral-margin-text li:nth-child(2) .box{ width: 204px;}
    .row4 .item-list-con2 .unilateral-margin-text li:nth-child(2) .box:after{ right: 50px;}
    .row4 .unilateral-margin-text{ padding-block-start:12px;}
    .row4 .unilateral-margin-text2{ padding-block-end:32px;}

    .row5:after{background: linear-gradient(243.88deg, rgba(227, 87, 40, 0.6) -1.73%, rgba(227, 87, 40, 0) 34.65%);}
    .row5:before{background: linear-gradient(60.12deg, rgba(25, 108, 121, 0.7) -10.6%, rgba(25, 108, 121, 0) 30.52%);}
    .row5 .inner{ padding: 48px 30px;}
    .row5 h2{ margin-bottom:7px;}
    .row5 .top-box{ padding-bottom:32px;}
    .row5-top-list{ padding-left:20px; padding-right:20px; padding-bottom:55px;}
    .row5-top-list h3{ font-size:18px;}
    .row5-top-list li .text-box{ padding-top:30px;}
    .row5-top-list .text-nr{ max-width: 320px;}
    .row5-top-list .img-box{ padding-left:11px; padding-right:11px;}
    .row5-top-list .img-box img { transform: translateY(50px);}

    .row5-top-list li:nth-child(1) .text-nr{ padding-bottom:0; padding-top:10px;}
    .row5-top-list li:nth-child(1) .img-box img{ transform: translateY(43px);}

    .row5-top-list li:nth-child(2) .text-nr{ padding-bottom:37px;}
    .row5-top-list li:nth-child(2) .img-box img{ width: 246px; transform: translateY(0px);}

    .join-warp .join-top{ padding-right:270px; padding-top:21px; padding-bottom:20px; padding-left:32px; background: linear-gradient(85.92deg, #002329 0%, #000000 100%); border-radius: 8px 8px 0px 0px;}
    .join-warp .join-top .img-box{ width: 260px; max-width:260px; min-width: 260px; right: -3px;}
    .join-warp .join-top h2{ font-size:28px; margin-bottom: 8px;}
    .join-warp .join-top p{ font-size:16px; margin-bottom:19px;}
    .join-warp .join-top .orange-arrow-button{padding: 15px 62px 14px 24px; font-size:14px;}

    .join-warp .join-bottom{border-radius: 0 0 8px 8px; padding: 20px 32px;}
    .join-warp .join-bottom .text-box{flex-direction: column; gap:16px;}
    .join-warp .join-bottom ul li{ width: 100%; max-width: 100%; padding-left:33px; position: relative;}
    .join-warp .join-bottom ul li:last-child { padding-right: 0px; max-width: 100%;}
    .join-warp .join-bottom ul li .step-index{ width: 24px; height: 24px; font-size:14px; position: absolute; left: 0; top:-1px;}
    .join-warp .join-bottom ul li .step-title h3{ font-size:18px; margin-bottom:3px;}
    .join-warp .join-bottom ul li .step-message p{ font-size:14px;}
    .join-warp .join-bottom .img-box{ width: 180px; min-width: 180px;}

    
    .faq-module-wrap .faq-module{padding-top: 57px; padding-bottom:15px;}
    .faq-bottom-text{padding-bottom: 57px;}
    .faq-module-wrap .faq-module .inner h2{ font-size:28px; margin-bottom:48px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit{ padding-block: 16px 15px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit h3{ font-size:20px;}
}

@media (max-width:768px) {    
    h1,
    h2{font-size: 20px;}
    
    .banner .text-box{ width: 393px; text-align: center; margin-bottom:0; padding-top:38px; padding-bottom:385px;}
    .banner .text-box h1{ font-size:28px; margin-bottom:8px;}
    .banner .text-box p.sub-title{ font-size:16px;}
    .banner .text-box p{ font-size:14px; margin-bottom:16px;}
    .banner .text-box p.small-text{ font-size:12px;}
    .banner .text-box .orange-button.p18 { padding: 13px 25px 12px;}
    .banner .img-box{ width: 506px; max-width:506px; position: absolute; bottom:0; top:auto; right: 50%; transform: translateX(50%);}
    
    .row1 .img-box{ padding:0px; bottom: -92px;}
    .row1 .img-box img{ width: 353px; max-width: 353px;}
    .row1 .text-box{ width: 393px; padding-bottom:236px; }
    .row1 .text-box h2{ margin-bottom:3px;}
    .row1 .text-box p{ font-size:14px;}

    .row2 .inner { padding-top: 32px; padding-bottom: 32px;}
    .row2 h2{ margin-bottom:3px;}
    .row2 .top-box{ max-width:353px;}
    .row2 p.top-p{ font-size:14px;}
    .row2 p.top-p br{ display: none;}
    .row2 ul{ gap:5px; width:353px; }
    .row2 ul li{width: 168px; max-width: calc(100% / 2 - 20px);/*  height: 220px; min-height: 220px; */}
    .row2 ul .hover-text{ padding: 14px 8px;}
    .row2 ul img.icon{ width: 72px;}
    .row2 ul h3{ font-size:14px; line-height:1.1;}
    .row2 ul h3 br{ display: block;}    
    .row2 ul p.text-p{ padding-top:4px;}
    .row2 ul span.linkText,
    .row2 ul a.linkText{margin-top: 17px; font-size:12px;}
    
    .row3 .inner{ padding-top: 32px; padding-bottom: 32px;}
    .row3 h2{ margin-bottom:3px;}
    .row3 h3{ font-size:14px; margin-bottom:8px;}
    .row3 .top-box{ padding-bottom:5px; max-width:353px;}
    .row3 p.top-p{ font-size:14px;}
    .row3-swiper-wrap { max-width: 416px;}
    .row3-swiper-wrap .topTag{ width: 125px; top: -38px;}
    .row3-swiper-wrap .topTag p{ font-size:14px !important;}
    .row3-swiper-wrap .swiper-slide{ padding-left:4px; padding-right:4px; /* width: 200px; max-width:200px; min-width:200px; */}
    .row3-swiper-wrap .swiper-slide-box{ padding-top:8px; padding-bottom:20px;}
    .row3-swiper-wrap .swiper-slide-box h4{ font-size:18px; margin-bottom:4px;}
    .row3-swiper-wrap .swiper-slide-box .text-top{ padding-bottom:9px;}
    .row3-swiper-wrap .swiper-slide-box .text-top p{ font-size:14px;}
    .row3-swiper-wrap .swiper-slide-box .text-box-nr{ padding-top:16px;  padding-bottom:16px;}
    .row3-swiper-wrap .swiper-slide-box .text-box-nr p{ font-size:12px;}
    .row3-swiper-wrap .swiper-slide-box .text-box-nr .orange-arrow-button.p16,
    .row3-swiper-wrap .swiper-slide-box .text-box-nr .green-arrow-button.p16{ font-size:14px; padding: 16px 56px 13px 20px;}
    .row3-swiper-wrap .swiper-slide-box h5{ font-size:14px;/*  margin-bottom: -18px; */ width: 100px; text-align: center; margin-left:auto; margin-right:auto;}
    .row3-swiper-wrap .swiper-slide-box p{ font-size:12px; min-height:59px;}
    .row3-swiper-wrap .swiper-slide-box p b{ font-size:14px;}
    /* .row3-swiper-wrap .swiper-slide-box .text-bottom{ padding-top:44px;} */
    /* .row3 .swiper-pagination{ display: block !important;} */

    .row4 .inner{ padding-top: 32px; padding-bottom: 50px;}
    .row4 .top-box{ max-width:353px; padding-bottom: 32px;}
    .row4 h2{ margin-bottom: 3px;}
    .row4 p.top-p{ font-size:14px;}
    .row4 .wire { top: 21px !important;}
    .row4 .get-tab-list .tab-item p{ font-size:14px; padding-left: 10px; padding-right: 10px;}
    .row4 .get-tab-list .tab-item.active p{ font-size:16px; padding:1px 8px 3px;}
    .row4 .get-tab-con{ width: 353px;}
    .row4 .tab-con-item h3{ font-size:18px;}
    .row4 .item-list{ width: 325px; padding-top: 13px;}
    .row4 ul.formula-list{padding-inline: 32px; padding-block: 3px 20px; }
    .row4 ul.formula-list li{ font-size:12px; line-height: 1.3;}
    .row4 ul.formula-list li h5{ font-size:14px; padding-bottom:3px;}
    .row4 ul.example-list { padding-block: 1px 25px; padding-inline: 32px; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap:10px 24px;}
    .row4 ul.example-list li{ font-size:12px; line-height: 1.3; }
    .row4 ul.example-list li h5{ font-size:14px;}
    .row4 ul.example-list li:last-child{ width: 100%;}
    .row4 .tab-con-item p.bottom-p,
    .row4 .tab-con-item.tab-con-item1 p.bottom-p{ text-align:start;}
    .row4 .tab-con-item p.small-p span{ font-size:12px; text-align:start;}
    .row4 .tab-con-item1 .item-list{ width: 353px;}
    .row4 ul.funding-rate-list1{ padding-top:2px;flex-wrap: wrap; gap:12px; padding-inline:32px;}
    .row4 ul.funding-rate-list1 li b{ font-size:16px;}
    .row4 ul.funding-rate-list2{flex-wrap: wrap; gap:15px 20px; padding-block:0 20px; padding-inline:32px;}
    .row4 ul.funding-rate-list2 li{ gap:16px;}
    .row4 .tab-con-item.tab-con-item2 h3{ margin-bottom:8px;}
    .row4 .tab-con-item.tab-con-item2 p.first-p{ margin-bottom:10px;}
    .row4 .unilateral-margin-text { padding-block-start: 10px; padding-inline-start: 0px;}
    .row4 .unilateral-margin-text li { gap: 8px;}
    .row4 .unilateral-margin-text2{padding-block-end: 23px; padding-inline-start: 0px;}
    .row4 .unilateral-margin-text2 li b{ font-size:16px;}

    /* .row5{ background:#000 url(/wp-content/themes/vantage/images/gold-trading-24-7-row5-bg.webp) center top no-repeat; background-size:100% 100%;} */
    .row5:after{background: linear-gradient(243.88deg, rgba(227, 87, 40, 0.6) -1.73%, rgba(227, 87, 40, 0) 34.65%);}
    .row5:before{background: linear-gradient(60.12deg, rgba(25, 108, 121, 0.7) -10.6%, rgba(25, 108, 121, 0) 30.52%);}
    .row5 .inner{ padding: 32px 20px;}
    .row5 h2{ margin-bottom:3px;}
    .row5 .top-box{ padding-bottom:24px; max-width:353px;}
    .row5 p.top-p{ font-size:14px;}
    .row5-top-list{ padding-left:0px; padding-right:0px; padding-bottom:32px; flex-direction: column; align-items: center;}
    .row5-top-list h3{ font-size:16px;}
    .row5-top-list li{ width: 320px; max-width:100%;}
    .row5-top-list li .text-box{ padding-top:30px;}
    .row5-top-list .text-nr{ max-width: 320px;}
    .row5-top-list .img-box{ padding-left:11px; padding-right:11px;}
    .row5-top-list .img-box img { transform: translateY(50px);}
    .row5-top-list li .text-box{ padding-top:23px;}
    .row5-top-list li:nth-child(1) .text-nr { padding-top: 0px; margin-bottom: -8px;}
    .row5-top-list li:nth-child(1) .img-box img { transform: translateY(33px);  width: 236px; }
    .row5-top-list li:nth-child(2) .text-nr { padding-bottom: 0px; margin-bottom: -7px; }
    .row5-top-list li:nth-child(2) .img-box img{ transform: translateY(25px); width: 236px;}

    .join-warp{ max-width: 353px;}
    .join-warp .join-top{ padding: 20px 20px 238px; text-align:center;  display: flex; flex-direction: column; align-items: center; background: linear-gradient(38.64deg, #002329 2.26%, #000000 97.87%);}
    .join-warp .join-top h2{ text-align:center; font-size:20px; margin-bottom:4px;}
    .join-warp .join-top p{ font-size:14px; margin-bottom:16px;}
    .join-warp .join-top .orange-arrow-button{ padding-right:56px;}
    .join-warp .join-top .orange-arrow-button .btn-icon{ width: 40px; height: 30px;}
    .join-warp .join-top .img-box{ width: 350px; max-width: 350px; min-width: 350px; bottom:-46px; right: 50%; transform:translateX(50%);}
    .join-warp .join-bottom{flex-direction: column; padding: 18px 12px;}
    .join-warp .join-bottom ul li .step-index{ top:-2px; font-weight:400;}
    .join-warp .join-bottom ul li .step-title h3{ font-size:16px; margin-bottom: 7px;}
    .join-warp .join-bottom .img-box { width: 100%; flex-direction: row; justify-content: center;}
    .join-warp .join-bottom .img-box a{ width: 146px; max-width: calc(50% - 6px);}
    
    .faq-module-wrap .faq-module{padding-top: 32px; padding-bottom:24px;}
    .faq-bottom-text{padding-bottom: 32px;}
    .faq-module-wrap .faq-module .inner h2{ font-size:20px; margin-bottom:23px;}
    .faq-module-wrap .faq-module-inner .faq-list{ padding-bottom:0px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit{ padding-block: 15px 11px; padding-inline: 12px 14px; }
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit h3{ font-size:14px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit span.serial{ font-size:14px; margin-inline-end: 1px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-detial{padding-block: 8px; padding-inline: 12px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-detial p{font-size:14px;}
    
}

@media (max-width:452px) {
    .row3 .inner{ padding-left:0; padding-right:0;}
    .row3 .top-box{max-width: 393px; padding-left:20px; padding-right:20px;}
    .row3-swiper-wrap{ padding-left:16px; padding-right:16px;}
    .row3 p.disclaimerText{ padding-left:20px; padding-right:20px; padding-top: 20px;}
    /* .row3-swiper-wrap{ width: calc(100% + 40px); max-width: calc(100% + 40px); transform:translateX(-20px);} */
}

@media (max-width:410px) {
    .row2 ul{gap:0;}
    .row2 ul li{max-width:50%; height: 255px; min-height: 255px;}
}

@media (max-width:400px) {
    .banner .text-box{ padding-bottom:280px;}
    .banner .img-box{ width: 366px; max-width:366px;}

    .join-warp .join-top{ padding-bottom:180px;}
    .join-warp .join-top .img-box{ width: 260px; max-width: 260px; min-width: 260px; bottom: -30px;}

    .row4 .wire { top: 35px !important;}
    .row4 .get-tab-list{ max-width: 330px; margin-left:auto; margin-right:auto;}

    .row4 .unilateral-margin-text li{gap: 3px; flex-wrap: wrap;}
    .row4 .unilateral-margin-text li .box{ width: 108px;}
    
    .row4 ul.funding-rate-list1{ padding-inline-start: 30px;}
    .row4 ul.funding-rate-list2{ padding-inline-start: 30px;}
    .row4 .item-list-con2 .unilateral-margin-text li:nth-child(2) .box{ width: 148px;}
    .row4 .item-list-con2 .unilateral-margin-text li:nth-child(2) .box:after{ right: 36px;}
    .row4 .unilateral-margin-text li b{ width: 35px; min-width: 35px; width: 100%; display: block;}
    
    .row4 .tab-con-item3 .item-list .item-list-con1{ width: 100%;}
    .row4 .tab-con-item3 .item-list .item-list-con2{ width: 100%;}
}
/* ! vantagemarekts|2026-05-27 10:20:00 ! */