.banner{ background-size: cover; background-repeat: no-repeat; position: relative; height: 640px; background-position: center; } 
.banner .inner{ max-height: 100%; height: 100%;  display: flex;  overflow: hidden; padding: 35px 20px 35px; max-width: 1850px; display: flex; position: relative; z-index: 10; justify-content: space-between; flex-wrap: wrap;    align-items: center; }
.banner .inner .img-box img{ width: 100%; }



.banner .inner .img-box:nth-child(1){        max-width: 769px; width: 42.5%; margin-top: -8.2%; margin-left: 0.5%; }
.banner .inner .img-box:nth-child(2){        width: 53.6%; max-width: 970px; margin-top: -5%;}
.banner .inner .img-box:nth-child(3){        position: absolute; top: 81%; right: 1%; max-width: 884px; width: 47.8%;}

.banner .bottom-block-box{      position: absolute; top: 74%; left: 1%;     justify-content: flex-start;  }
@media (max-width:1600px) {
    .banner .inner .img-box:nth-child(3){    top: 76% }
    /* .banner .bottom-block-box a { max-width: 600px; } */
}
@media (max-width:1240px) {
    .banner .inner .img-box:nth-child(1) { margin-top: -3.2%; }
    .banner .inner .img-box:nth-child(3){    top: 70% }
    .banner .bottom-block-box { top: 82%; left: 0%; justify-content: center; }
	.banner { height: 550px; }
}
@media(max-width:1024px) { 
	.banner { height: 45vw; }
    .banner .inner .img-box:nth-child(1) { width: 43.5%;}
    .banner .inner .img-box:nth-child(3) { top: 68%; width: 53.8%; } 
    .banner .inner .img-box:nth-child(2) { width: 55.6%;}
}
@media(max-width:768px) {
    .banner .inner { padding: 40px 20px 40px; }
    
}






.banner-content{
	background-color: #06333C;
    padding-top: 40px;
	padding-bottom: 25px;
}
.banner-content .logo-box .text-box p,
.banner-content .logo-box .text-box h2{
	color: #FFFFFF;
}
.banner-content .content-list{
    display: flex;
    justify-content: space-between;

}
.banner-content .content-list .content-item{
	min-height: 140px;
    flex: 1;
	border-right: 1px solid #FFFFFF;
	display: flex;
	padding: 17px 22px 0px 12px;
}
.banner-content .content-list .content-item:nth-child(2){
	padding-left: 26px;
}
.banner-content .content-list .content-item:nth-child(3){
	padding-left: 21px;
    padding-right: 12px;
}
.banner-content .content-list .content-item:first-child{
	border-left: 1px solid #FFFFFF;
}
.banner-content .content-list .content-item .text-box {
	flex: 1;
	margin-left: 26px;
}
.banner-content .content-list .content-item .text-box p{
	color: #FFFFFF;
	font-size: var(--fs-20);
	line-height: 1.3;
	margin-bottom: 5px;
	font-weight: bold;
}
.banner-content .content-list .content-item .text-box span{
	color: #FFFFFF;
	font-size: var(--fs-16);
	line-height: 1.5;
}

@media (max-width:1240px) {
    .banner-content .content-list{
		flex-direction: column;
	}
	
	.banner-content .content-list .content-item{
		border: none;
		border-top: 1px solid #FFFFFF;
		padding-bottom: 20px;
	}
	.banner-content .content-list .content-item:first-child{
		border: none;
	}
	.banner-content .content-list .content-item .text-box{
		display: flex ;
		flex-direction: column;
		justify-content: center;
	}
}
@media (max-width:900px) {
	
	
}
@media (max-width:768px) {
	
}






.announcement{
	padding: 80px 0px 20px 0px;
}
.announcement .logo-box{
	margin-bottom: 25px;
}
.announcement .title{
	font-size: 30px;
    color: #000000;
    line-height: 1.27;
    font-weight: bold;
	margin-bottom: 25px;
}
.announcement .text{
	font-size: 18px;
    line-height: 1.34;
    color: #000000;
	margin-bottom: 45px;
}
.announcement .announcement-content{
	border-radius: 10px;
	overflow: hidden;
	background-color: #f6f6f6;
	position: relative;
}

.copy-trading{
	padding: 30px 0px 60px 0px;
}
.copy-trading .step-box .step-item{
	flex: 0 0 calc(25% - 16.5px);
}
.step-box{
	display: flex;
	justify-content: space-between;
	column-gap: 22px; 
}
.step-box .step-item{
	flex: 1;
	background-color: #F7F7F7;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 23px;
	text-align: center;
}
.step-box .step-item .step-num{
	width: 100%;
	height: 73px;
	line-height: 73px;
	background-color: #034853;
	color: #FFFFFF;
	font-size: var(--fs-40);
	font-weight: bold;
	text-align: center;
}
.step-box .step-item .img-box{
	padding-top: 28px;
    height: 160px;
	text-align: center;
}
.step-box .step-item p{
	color: #E35728;
    font-size: var(--fs-22);
    text-align: center;
    font-weight: bold;
    line-height: 46px;
    margin-bottom: 8px;
    min-height: 46px;
}
.step-box .step-item:nth-child(-n+2) p{
    line-height: 24px;
}
.step-box .step-item span{
	color: #666666;
    font-size: var(--fs-18);
    padding: 0 25px;
    display: inline-block;
    line-height: 1.34;
    width: auto;
    text-align: left;
}
.step-box .step-item:first-child span{
    margin: 0 auto;
}

@media (max-width:1240px) {
    .copy-trading .step-box{
		column-gap: 20px;
		row-gap: 20px;
		flex-wrap: wrap;
	}
	.copy-trading .step-box .step-item{
		flex: 0 0 calc(50% - 10px);
	}
}
@media (max-width:768px) {
	.copy-trading .step-box .step-item{
		flex: 0 0 calc(100%);
	}
	
}

.signal-provider{
	padding: 148px 0px 80px 0px;
}
.signal-provider .logo-box{
	margin-bottom: 46px;
}
.signal-provider .step-box{
	column-gap: 29px; 
	margin-bottom: 23px;
}
.signal-provider .step-box .step-item{
	flex: 0 0 calc(33.33% - 19.33px);
}
.signal-provider .bottom-text{
	color: #000000;
    font-size: 18px;
}
.signal-provider .bottom-text a{
	text-decoration: underline;
}
@media (max-width:990px) {
	.signal-provider .step-box{
		column-gap: 20px;
		row-gap: 20px;
		flex-wrap: wrap;
	}
	.signal-provider .step-box .step-item{
		flex: 0 0 calc(100%);
	}
	
}




.row3-copier{background: #F1F3F5;padding: 50px 0 60px;overflow: hidden;position: relative;}
.row3-copier::before{content: '';display: block;width: 486px;height: 60%;background: linear-gradient(90deg, #F1F3F5 5.73%, rgba(241, 243, 245, 0) 91.2%);position: absolute;top: 60%;transform: translateY(-50%);left: 0;z-index: 10;}
.row3-copier::after{content: '';display: block;width: 486px;height: 60%;background: linear-gradient(90deg, rgba(241, 243, 245, 0) 5.73%, #F1F3F5 91.2%);position: absolute;top: 60%;transform: translateY(-50%);right: 0;z-index: 10;}
.row3-copier .title-box h2{ color: #E35728; font-size: var(--fs-30); line-height: 1.2; text-align: center;     margin-bottom: 15px;}
.row3-copier .title-box p{ color: #000000; font-size: var(--fs-18); line-height: 1.4; text-align: center; margin-bottom: 40px;}
.row3-copier ul{display: flex;-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
.row3-copier ul li{width: calc(25% - 15px);background: var(--v-white);border-radius: 20px;padding: 20px 22px 25px 20px;}
.row3-copier ul li .top{display: flex;gap: 13px;align-items: center;}
.row3-copier ul li .top .icon-box{max-width: 58px;}
.row3-copier ul li .top h4{color:#3D3D3D;font-size:var(--fs-26);font-weight:600;line-height: 30px;}
.row3-copier ul li .midle{display: flex;align-items: center;gap: 68px;padding: 24px 0;border-bottom: 1px solid #3D3D3D1F;}
.row3-copier ul li .midle .img-box{max-width: 218px;text-align: center;}
.row3-copier ul li .midle .text-box{max-width: calc(100% - 218px);}
.row3-copier ul li .midle .text-box p{color:#3D3D3D73;font-size:19px;font-weight:500;line-height: 23px;margin-bottom: 7px;}
.row3-copier ul li .midle .text-box h3{color:#00C79C;font-size:35px;font-weight:600;line-height: 42px;}
.row3-copier ul li .bottom{display: flex;justify-content: space-between;padding-top: 24px;margin-top: 0;}
.row3-copier ul li .bottom p{color:#3D3D3D73;font-size:19px;font-weight:500;line-height: 23px;margin-bottom: 0;}
.row3-copier ul li .bottom p strong{color:#3D3D3D;font-weight:500;}
.row3-copier .bottom{text-align: center;margin-top: 32px;}
.row3-copier .bottom p{color:#636363;font-size:var(--fs-16);font-weight:400;line-height: 16px;margin-bottom: 52px;}
@media (max-width:1500px) {
    .row3-copier::before,
    .row3-copier::after{width: 300px;}
}
@media (max-width:1440px) {

    .row3-copier::before,
    .row3-copier::after{width: 180px;}
    .row3-copier ul li{width: calc(28% - 15px);}
    .row3-copier ul li .top .icon-box{max-width: 50px;}
    .row3-copier ul li .top h4{font-size: var(--fs-24);}
    .row3-copier ul li .midle{padding: 15px 0;}
    .row3-copier ul li .midle .text-box p{font-size: var(--fs-18);}
    .row3-copier ul li .midle .text-box h3{font-size: var(--fs-32);line-height: 1.22;}
    .row3-copier ul li .bottom{padding-top: 20px;}
    .row3-copier ul li .bottom p{font-size: var(--fs-18);}
}
@media (max-width:1240px) {

    .row3-copier{padding: 80px 0;}
    .row3-copier::before,
    .row3-copier::after{width: 120px;}
    .row3-copier ul li{width: calc(33% - 15px);}
}
@media (max-width:1024px) {
    .row3-copier{padding: 70px 0;}
    .row3-copier ul li{width: calc(40% - 15px);}
}
@media (max-width:980px) {
    .row3-copier ul li{width: calc(45% - 15px);}
}

@media (max-width:768px) {
    .row3-copier{padding: 60px 0;}
    .row3-copier ul li{width: calc(50% - 10px);}
    .row3-copier ul li .top .icon-box{max-width: 40px;}
    .row3-copier ul li .top h4{font-size: var(--fs-22);}
    .row3-copier ul li .midle .text-box h3{font-size: var(--fs-26);}
    .row3-copier ul li .midle .img-box img{width: 80%;}
    .row3-copier .bottom p{margin-bottom: 32px;}

   
}
@media (max-width:620px) {
    .row3-copier ul li{width: calc(60% - 10px);}
}
@media (max-width:510px) {
    .row3-copier{padding: 32px 0;}
    .row3-copier::before,
    .row3-copier::after{width: 60px;}
    .row3-copier .title-box{padding: 0 20px;}
    .row3-copier .title-box p{font-size: 12px;}
    .row3-copier ul li{padding: 15px;}
    .row3-copier ul li .midle{padding: 10px 0;}
    .row3-copier ul li .midle .text-box p{line-height: 19px;margin-bottom: 5px;}
    .row3-copier ul li .bottom{padding-top: 10px;}
    .row3-copier ul li .bottom p{font-size: 13px;}
}
@media (max-width:340px) {
    .row3-copier .bottom{margin-top: 10px;}
}














.examine{
	padding: 28px 0px 48px 0px;
    background-color:#E4E4E4;
}
.examine h2{
	padding-left: 30px;
    font-size: var(--fs-34);
	color: #000000;
	margin-bottom: 10px;
}
.examine p{
	padding-left: 34px;
    color: #000000;
    font-size: var(--fs-18);
    line-height: 1.34;
    margin-bottom: 25px;
}
.examine a{
    text-decoration: underline;
}
.examine .p-title{
    font-size: var(--fs-30);
    color: #000000;
    margin-bottom: 10px;
    font-weight: bold;
}




.sign-up {background-color: #034853; }
.sign-up .download{background-color: #e4e4e4; }
.sign-up .sign-up-box{padding-bottom: 47px;}
.sign-up .inner{ display: flex ; flex-direction: column; justify-content: center; align-items: center; padding-top: 55px; padding-bottom: 20px;}



.sign-up  p{ color: #FAFBFA; font-size: var(--fs-18); font-weight: bold;     margin-right: 36px; margin-top: 41px;}
.sign-up .download .inner{     padding-top: 15px;}
.sign-up .download p{ color: #000000; margin-top:0;}

.orange-button-jp { margin: auto; font-size: var(--fs-32); padding: 22px 117px 28px 90px; line-height: 1; margin-bottom: 15px; } 
.orange-button-jp:after { background: url(/wp-content/themes/vantage/images/btm-arrow-right.svg) no-repeat; background-size: cover; right: 30px; }




@media (max-width:768px) {
    .orange-button-jp { padding: 28px 80px 28px 80px; }
   
}

@media (max-width:600px) {
    .orange-button-jp { padding: 20px 60px 20px 60px; }
   
}

@media (max-width:510px) {
    .orange-button-jp { padding: 20px 60px 20px 60px; }
   
}

@media (max-width:400px) {
    .orange-button-jp { padding: 20px 40px 20px 40px; font-size: 16px; }
   
}


.profit-sharing{
	padding: 80px 0 65px;
	background-color: #F7F7F7;
}
.profit-sharing .title-box h2{
	font-size: var(--fs-34);
	line-height: 1.2;
	color: #034853;
	margin-bottom: 23px;
	text-align: center;
}
.profit-sharing .title-box p{
	font-size: var(--fs-20);
    line-height: 1.6;
    color: #333333;
    margin-bottom: 35px;
    text-align: center;
}
.profit-sharing .title-box a{
    text-decoration: underline;
}

.profit-sharing .calculator-box .investment-amount,
.profit-sharing .calculator-box .distribution-rate{
	display: flex;
	margin-bottom: 2px;
}
.profit-sharing .calculator-box .investment-amount .left,
.profit-sharing .calculator-box .distribution-rate .left{
	background-color: #034853;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
	color: #FAFBFA;
	width: 328px;
	padding-left: 18px;
	font-size: var(--fs-18);
	line-height: 1.34;
	font-weight: bold;
}
.profit-sharing .calculator-box .distribution-rate .left{
	flex-direction: column;
    align-items: baseline;
	justify-content: center;
}
.profit-sharing .calculator-box .distribution-rate .left span{
	font-weight: 400;
}
.profit-sharing .calculator-box .investment-amount .right,
.profit-sharing .calculator-box .distribution-rate .right{
	text-align: left;
	flex: 1;
	background-color: #FFFFFF;
}
.profit-sharing .calculator-box .investment-amount .right .input-box{
	min-height: 112px;
	min-height: 112px;
    padding: 13px 0 17px;
    border-bottom: 2px solid #f7f7f7;
	padding-left: 26px;

	
}
.profit-sharing .calculator-box .investment-amount .right .input-box label{
	font-size: var(--fs-18);
	line-height: 1.4;
	color: #000000;
	margin-bottom: 7px;
}
.profit-sharing .calculator-box .investment-amount .right .input-box>div{
	display: flex;
	align-items: flex-end;
}
.profit-sharing .calculator-box .investment-amount .right .input-box input{
	padding-left: 20px;
	width: 392px;
	height: 50px;
	border: 1px solid #707070;
}
.profit-sharing .calculator-box .investment-amount .right .input-box span{
	font-size: var(--fs-18);
	line-height: 1.4;
	color: #000000;
	margin-left: 10px;
}

.profit-sharing .calculator-box .distribution-rate{
	margin-bottom: 14px;
}



.profit-sharing .result-box{
	display: flex;
}
.profit-sharing .result-box .result{
	flex: 1;
}
.profit-sharing .result-box .result>div{
	display: flex;
	align-items: center;
}
.profit-sharing .result-box .result>div .left{
	width: 328px;
	min-height: 76px;
	font-size: var(--fs-18);
	line-height: 76px;
	color: #FBFBFB;
	background-color: #E35728;
	padding-left: 18px;
}
.profit-sharing .result-box .result>div .left{
	width: 328px;
	min-height: 76px;
	font-size: var(--fs-18);
	line-height: 76px;
	color: #FBFBFB;
	background-color: #E35728;
	padding-left: 18px;
	margin-bottom: 2px;
}
.profit-sharing .result-box .result>div .right{
	text-align: left;
	padding-left: 26px;
	background-color: #FBFBFC;
	color: #E35728;
	font-size: var(--fs-40);
	margin-bottom: 0px;
	line-height: 76px;
	flex: 1;
    font-weight: bold;
}
.profit-sharing .result-box .share{
	width: 55%;
	border: 4px solid #E35728;
	padding: 30px 30px 0;
	background-color: #FAF7DD;
}
.profit-sharing .result-box .share .title{
	font-size: var(--fs-18);
	margin-bottom: 0px;
	text-align: right;
	color: #000000;
}
.profit-sharing .result-box .share .num{
	text-align: right;
	font-size: var(--fs-60);
	margin-bottom: 0px;
    font-weight: bold;
    color: #E35728;

}

.profit-sharing .calculator-box .distribution-rate .right{
	min-height: 131px;
	padding-left: 26px;
	padding-top: 50px;
}

.distribution-rate .provider-main-bar {
    background: #C1C1C1;
    position: relative;
    border-radius: 52px;
    cursor: pointer;
	max-width: 760px;
	width: 95%;
}
.distribution-rate .provider-main-bar-inner {
    width: 1px;
    height: 9px;
    background: #34BAD0;
    border-radius: 52px;
}
.distribution-rate .provider-main-bar-inner::after {
	content: '';
	display: block;
	width: 28px;
	height: 28px;
	background-image: url("/wp-content/themes/vantage/images/copy-trading-provider-main-icon.webp");
	background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 50%;
    transform: translate(50%, -50%);
    float: right;
}
.distribution-rate .bar-button {
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background: #034854;
    position: absolute;
    left: 0;
    top: -60px;
    cursor: pointer;
    transform: translateX(-12px);
}
.distribution-rate .bar-button::before {
	content: '';
    display: block;
    border-style: solid;
    border-width: 6px;
    border-color: transparent #FD0000 transparent transparent;
    position: absolute;
    left: 7px;
    top: 42px;
    transform: rotate(270deg);
}
.distribution-rate .move-text {
    width: 50px;
    background: #FD0000;
    text-align: center;
    color: var(--v-white);
    font-size: var(--fs-16);
    position: absolute;
    left: -10px;
    top: 18px;
}
.distribution-rate .move-text p {
    margin: 0;
}
.distribution-rate .bar-number-list {
    width: 100%;
    position: absolute;
    display: flex ;
    justify-content: space-between;
    margin-top: 15px;
	font-size: 16px;
    color: #000000;
}
.distribution-rate .bar-number-list li:nth-child(1){ transform: translateX(-50%); }
.distribution-rate .bar-number-list li:nth-child(2){ transform: translateX(25%); }
.distribution-rate .bar-number-list li:nth-child(3){ transform: translateX(50%); }
@media (max-width:1100px) {
    .profit-sharing .result-box{
		flex-direction: column;
	}
	.profit-sharing .result-box .result .assets .left{
		margin-bottom: 0px;
	}
	.profit-sharing .result-box .share{
		width: 100%;
	}
}
@media (max-width:900px) {
    .profit-sharing .calculator-box .investment-amount, .profit-sharing .calculator-box .distribution-rate{
		flex-direction: column;
	}
	.profit-sharing .calculator-box .investment-amount .left, .profit-sharing .calculator-box .distribution-rate .left{
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.profit-sharing .calculator-box .investment-amount .right .input-box input{
		flex: 1;
	}
	.profit-sharing .calculator-box .investment-amount .right .input-box{
		padding-right: 26px;
	}
}
/* ! vantagetrading|2026-10-16 14:05:00 ! */