:root{
    --fs-58:58px;
    --fs-48:48px;
    --fs-28:28px;
}
header{display: block !important;height: auto !important;}

.main.app-main{padding-bottom: 0 !important;}

h2{color: var(--v-black-light);font-size: 48px;font-weight: 600;line-height: 58px;margin-bottom: 12px;}
h2 span{color: var(--v-orange);}

.title-box{text-align: center;margin-bottom: 52px;}
.title-box p{color: var(--v-black);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 0;}
.title-box p a{ text-decoration:underline;color: var(--v-black);}
.orange-button{text-transform: uppercase;}

.mb-br{display: none;}

.banner{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/copy-trade-banner.webp) left top no-repeat;background-size: cover;padding: 56px 0;}
.banner .inner{display: flex;justify-content: center;gap: 56px;}
.banner h2{color: var(--v-white);margin-bottom: 16px;}
.banner .left-box{width: 654px;max-width: 100%;text-align: center;position: relative;}
.banner .text-box{padding-top: 76px;}
.banner .left-box p{color: rgb(255 255 255 / 80%);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 0;}
.banner .img-box{position: absolute;bottom: -56px;left: 30px;}
.banner .banner-form{width: 530px;background: var(--v-white);border-radius: 8px;box-shadow: -10px 3px 47px #00000029;}
.banner .live-account-right{max-width: 100%;min-height: unset;padding-top: 32px;box-shadow: unset;}
.banner .open-live-account h1{color: var(--v-black-light);font-size: 20px;line-height: 24px;margin-bottom: 24px;}
.banner .open-live-account .form-body .choose-account-type{display: none;}
.banner .vantage-logo{width: 72px;height: 72px;}
.banner .open-live-account .form-body .form-element,
.banner .open-live-account .form-body .agreeConditionBox{margin-bottom: 8px;}
.banner .open-live-account .form-body #new-live{margin-bottom: 24px;margin-top: 32px;}
.banner .open-live-account .form-body #new-live #sub-open{height: 55px;}
.banner .open-live-account .form-body #new-live #sub-open::after{left: -90%;}

.row1{padding: 72px 0;}
.row1 .inner{max-width: 1440px;}
.row1 ul{display: flex;justify-content: space-between;gap: 64px;}
.row1 ul li{text-align: left;}
.row1 ul li h3{color: var(--v-orange);font-size: 48px;font-weight: 600;line-height: 62px;margin-bottom: 8px;}
.row1 ul li p{color: var(--v-black);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 0;}

.row2{padding: 86px 0 110px;}
.row2 .inner {max-width: 1800px;}
.row2 ul{display: flex;justify-content: space-between;}
.row2 ul li{width: 100%;text-align: center;max-width: 400px;border-right: 1px solid #C6C6C6;padding: 0 50px;}
.row2 ul li:last-child{border-right: none;}
.row2 ul li h3{color:var(--v-black-light);font-size: 20px;font-weight:600;line-height: 1.2;margin: 24px 0 10px;}
.row2 ul li p{color:var(--v-black-light);font-size:17px;font-weight:500;line-height: 1.2; margin-bottom:0;}
.row2 ul li .text-box{max-width: 300px;}

.row3-copier{background: #F1F3F5;padding: 96px 0;overflow: hidden;position: relative;}
.row3-copier::before{content: '';display: block;width: 486px;height: 50%;background: linear-gradient(90deg, #F1F3F5 5.73%, rgba(241, 243, 245, 0) 91.2%);position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 10;}
.row3-copier::after{content: '';display: block;width: 486px;height: 50%;background: linear-gradient(90deg, rgba(241, 243, 245, 0) 5.73%, #F1F3F5 91.2%);position: absolute;top: 50%;transform: translateY(-50%);right: 0;z-index: 10;}
.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;}

.row3 .wire{position: absolute;top: 31px;height: 2px;background: var(--v-orange);transition: .4s;}
.row3{padding: 110px 0 96px;}
.row3 .tab-bar{max-width: 640px;display: flex;justify-content: center;text-align: center;margin: 0 auto 52px;position: relative;}
.row3 .tab-item{width: 50%;position: relative;cursor: pointer;}
.row3 .tab-item::after{content: "";display: block;width: 100%;height: 1px;background: #D1D1D1;position: absolute;bottom: -1px;left: 0;}
.row3 .tab-item p{color:var(--v-black);font-size:var(--fs-24);font-weight:400;line-height: 27px; margin-bottom:0;padding-bottom: 15px;}
.row3 .tab-item.active p{color: var(--v-orange);font-weight: 700;}
.row3 .tab-content-item{display: none;}
.row3 .tab-content-item.active{display: block;}
.row3 .tab-content-item .copier{display: flex;justify-content: center;gap: 19px;flex-wrap: wrap;}
.row3 .tab-content-item .copier li{width: calc(25% - 15px); background: #F1F3F5;border-radius: 8px; padding: 33px 48px 50px 42px;text-align: center;display: flex;flex-direction: column;justify-content: space-between;}
.row3 .tab-content-item .copier li h4{color:var(--v-black);font-size:var(--fs-20);font-weight:600;line-height: 24px;margin-bottom: 36px;}
.row3 .tab-content-item .signal-provider{display: flex;flex-wrap: wrap; justify-content: center;gap: 24px;}
.row3 .tab-content-item .signal-provider li{width: calc(40% - 2px);border-radius: 8px;padding: 32px 32px 29px;display: flex;align-items: center; gap: 16px;flex-direction: row-reverse;justify-content: flex-end;}
.row3 .tab-content-item .signal-provider li:nth-child(1){background: url(/wp-content/themes/vantage/images/copy-trading-v2-row3-bg1.webp?v=1);background-size: cover;}
.row3 .tab-content-item .signal-provider li:nth-child(2){background: url(/wp-content/themes/vantage/images/copy-trading-v2-row3-bg2.webp);background-size: cover;}
.row3 .tab-content-item .signal-provider li:nth-child(3){background: url(/wp-content/themes/vantage/images/copy-trading-v2-row3-bg3.webp);background-size: cover;}
.row3 .tab-content-item .signal-provider li:nth-child(4){background: url(/wp-content/themes/vantage/images/copy-trading-v2-row3-bg4.webp);background-size: cover;}
.row3 .tab-content-item .signal-provider li p{color:var(--v-black-light);font-size:var(--fs-20);font-weight:600;line-height: 24px; margin-bottom:0;}
.row3 .tab-content-item .signal-provider .icon-box{max-width: 67px;text-align: center;}
.row3 .tab-content-item .signal-provider li p{width: 402px;}

@media (max-width: 1600px) {
    .row2 ul li {padding: 0 10px;}
    .row2 ul li .text-box {max-width: 100%;}
}
@media (max-width:1500px) {
    .row3-copier::before,
    .row3-copier::after{width: 300px;}
}
@media (max-width:1440px) {
    h2{font-size: var(--fs-40);line-height: 1.05;}

    .banner .live-account-right{width: 100%;}

    .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);}

    .row3 .tab-content-item .signal-provider li{width: 45%;}
}
@media (max-width: 1240px) {
    .row2 ul {gap: 20px 0;flex-wrap: wrap;justify-content: space-around;}
    .row2 ul li {border-right: none;padding: 0;}

    .row3-copier{padding: 80px 0;}
    .row3-copier::before,
    .row3-copier::after{width: 120px;}
    .row3-copier ul li{width: calc(33% - 15px);}

    .row3{padding: 90px 0 80px;}
    .row3 .tab-content-item .copier li{width: calc(45% - 10px);}

    .row3 .tab-content-item .signal-provider li{width: 48%;padding: 20px 20px 20px 5px;gap: 0;}
    .row3 .tab-content-item .signal-provider li .icon-box img{width: 70%;}
    .row3 .tab-content-item .signal-provider li p{font-size: var(--fs-18);}
}
@media (max-width: 1024px) {
    .banner{background: unset;padding: 0;/* position: absolute;z-index: 0;top: 65px; */}
    .banner .inner{flex-direction: column;padding: 0;gap: 0;}
    .banner .left-box{width: 100%;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/copy-trade-banner-mobile.webp) left bottom no-repeat;background-size: cover;}
    .banner .text-box{padding: 32px 20px 0;margin-bottom: 48px;}
    .banner .banner-form{width: 100%;box-shadow: none;}
    .banner .img-box{position: static;}
    .banner .live-account-right{padding-bottom: 0;}

    .row1 ul li h3{font-size: 40px;}

    .row2 {padding: 30px 0 90px;}
    .row2 ul li h3 br{display: none;}

    .row3-copier{padding: 70px 0;}
    .row3-copier ul li{width: calc(40% - 15px);}

    .row3{padding: 60px 0 50px;}
    .row3 .title-box p br{display: none;}
}
@media (max-width:980px) {
    .row3-copier ul li{width: calc(45% - 15px);}
}
@media (max-width:900px) {
    .row2 ul li {max-width: 300px;}
}
@media (max-width:768px) {
    .row2 {padding: 0px 0 90px;}

    .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);line-height: 1.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;}

    .row3{padding: 50px 0 40px;}
    .row3 .tab-bar{margin: 0 auto 32px;}
    .row3 .tab-content-item .copier{gap: 10px;}
    .row3 .tab-content-item .copier li{width: calc(50% - 10px);padding: 20px 30px 30px;}
    .row3 .tab-content-item .copier li h4{margin-bottom: 20px;}
    .row3 .tab-content-item .signal-provider li:nth-child(3){order: 4;}
    .row3 .tab-content-item .signal-provider{gap: 10px;}
    .row3 .tab-content-item .signal-provider li{width: 100%;}

}
@media (max-width:700px) {
    .row2 ul {flex-wrap: nowrap;flex-direction: column;gap: 50px;align-items: center;justify-content: center;}
    .row2 ul li {max-width: 353px;}
    .row2 ul li h3 {margin: 16px 0;}
    .row2 ul li p {font-size: 18px;}
}
@media (max-width:620px) {
    .row1 ul li h3{font-size: var(--fs-38);line-height: 1.22;}

    .row3-copier ul li{width: calc(60% - 10px);}
}
@media (max-width: 510px) {
    .mb-br{display: block;}

    /* .banner{background: unset;padding: 0;}
    .banner .inner{flex-direction: column;padding: 0;gap: 0;}
    .banner .left-box{width: 100%;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/copy-trade-banner-mobile.webp) left bottom no-repeat;background-size: cover;}
    .banner .text-box{padding: 32px 20px 0;margin-bottom: 48px;} */
    .banner h2{font-size: 28px;line-height: 34px;}
    .banner .left-box p{font-weight: 400;line-height: 24px;}
    /* .banner .banner-form{width: 100%;}
    .banner .img-box{position: static;} */
    .banner .vantage-logo{width: 56px;height: 56px;margin-bottom: 12px;}
    .banner .vantage-logo img{width: 28px;}

    .row1{background: var(--v-white);padding: 32px 0;}
    .row1 ul{flex-direction: column;gap: 8px;}
    .row1 ul li{width: 100%;text-align: left;display: flex;align-items: center;gap: 8px;border-bottom: 1px dashed #0000004D;padding-bottom: 8px;}
    .row1 ul li h3{font-size: 28px;line-height: 34px;margin-bottom: 0;}
    .row1 ul li p{font-size: 16px;line-height: 24px;}

    .row2 {padding: 0px 0 32px;}
    .row2 ul li h3 br{display: block;}

    .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;}
    .row3 .tab-content-item .signal-provider li{gap: 6px;}
    .row3 .tab-content-item .signal-provider li p{line-height: 19px;}
}
@media (max-width:420px) {
    .row2 ul {gap: 20px;}
    .row2 ul li h3 {font-size: var(--fs-20);margin: 10px 0 15px;}
    .row2 ul li p {font-size: var(--fs-18);}
}
@media (max-width:340px) {
    .row3-copier .bottom{margin-top: 10px;}
}
/* ! registervantag|2026-01-28 14:15:00 ! */