.orange-button{text-transform: uppercase;}

.banner{background: url(/wp-content/themes/vantage/images/trading-cashback-banner-bg.webp) center top no-repeat; position: relative; overflow: hidden;}
.banner .banner-content{background: linear-gradient(109.3deg, rgba(227, 87, 40, 0) 33.81%, #E35728 112.85%), linear-gradient(90deg, rgba(0, 16, 19, 0.8) 15.4%, rgba(0, 35, 41, 0) 50%);background-blend-mode: multiply;}
.banner .inner{max-width: 1710px; height: 600px; position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; padding-top:137px;}
.banner .text-box{ width: 690px; max-width:50%; position: relative; z-index: 1;}
.banner h1{font-size: 48px; font-weight: 600; color: var(--v-white); line-height:1.2; margin-bottom: 24px;}
.banner h1 span{color: var(--v-orange);}
.banner p.top-text{ margin-bottom:7px; color: var(--v-orange); font-weight: 500;}
.banner p{font-size: 20px; font-weight: 400; color: var(--v-white); line-height: 1.2; margin-bottom: 32px;opacity: 0.9;}
.banner .text{ padding-left:6px;}
.banner .orange-button{margin-bottom: 5px;text-transform: uppercase; padding: 14px 35px 11px;}
.banner .tnc{line-height: 16px;margin: 0; font-size:17px;}
.banner .tnc a{opacity: 0.7;}
.banner .tnc:hover a{ text-decoration: underline;}
.banner .img-box{ position: absolute; right: -84px; bottom: 0px; width: 988px; max-width:58%;}

.row1{padding: 96px 0 96px;overflow: hidden;text-align: center;}
.row1 h2{color: var(--v-black-light);font-size: var(--fs-50);font-weight: 600;margin-bottom: 16px;text-align: center;line-height: 68px;}
.deposit-bonus-power h2 span,
.row1 h2 span{color: var(--v-orange);}
.row1 p{color: #002329;font-size: var(--fs-20);font-weight: 400;margin-bottom: 32px;text-align: center;line-height: 24px;}
.row1 p br{display: none;}
.row1 .calculation-table{max-width: 1024px;margin: 0 auto 0px;}
.row1 .calculation-table table{width: 100%;border-radius: 16px;box-shadow: 0px 4px 15px -2px rgb(16,24,40,0.3);overflow: hidden;}
.row1 .calculation-table table th{color: var(--v-white);background:var(--v-orange);font-size: var(--fs-20);font-weight: 600;padding: 24px 36px;text-align: center;}
.row1 .calculation-table table th:nth-child(1){width: 35%;}
.row1 .calculation-table table td{color: #000000;font-size: 16px;font-weight: 400;padding: 16px;text-align: center;line-height: 23px;}
.row1 .calculation-table table tr:nth-child(even) td{background:var(--v-white);}
.row1 .calculation-table table tr:nth-child(odd) td{background:var(--v-grey-light2);}
.row1 .account{margin: 16px 0 0;line-height: 19px;font-size: var(--fs-16);font-weight: 500;text-align: center;}
.row1 .account a{font-weight: 400;text-decoration: underline;color: var(--v-orange);}


.row2{ width: 100%; overflow: hidden;background: url(/wp-content/themes/vantage/images/trading-cashback-row2-bg.webp?v=1) center top no-repeat; position: relative;background-size: cover;}
.row2 .inner{padding-top:96px; padding-bottom:97px;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 25%, #FFFFFF 75%, rgba(255, 255, 255, 0) 100%);}
.row2 .top-box{ text-align:center; padding-bottom:56px;}
.row2 .top-box p{font-size: 20px; font-weight: 500;color: var(--v-black-light); line-height: 1.5; margin-bottom:16px; }
.row2 .top-box .small-text{font-size: 16px; font-weight: 400;color: var(--v-black-light);line-height: 1.5; margin-bottom:0; }
.row2 h2{ font-size: 48px; font-weight: 600;color: var(--v-black-light); margin-bottom: 11px; line-height: 1.22; text-align:center;}
.row2 h2 span{color: var(--v-orange);}
.row2 h3{ font-size: 28px; font-weight: 600;color: var(--v-black-light); margin-bottom: 33px; line-height: 1.22; text-align:center;}
.row2 ul{ max-width:1000px; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom:34px; text-align:left;}
.row2 ul li{ width: 35.2%; position: relative; padding-right:30px;}
.row2 ul li:nth-child(3){ width: 29.6%;}
.row2 ul li:nth-child(3):after{ display: none;}
.row2 ul li:after{ content:""; display: block; position: absolute; right: 56px; top:24px; width: 100%; max-width:calc(100% - 164px); height: 2px; background:url(/wp-content/themes/vantage/images/trading-cashback-line.webp) center top repeat-x;}
.row2 ul li .num-text{width: 52px; height: 52px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--v-white); font-size: 20px; font-weight: 600; margin-bottom: 7px;}
.row2 ul li:nth-child(1) .num-text{background:#FF8E5C;}
.row2 ul li:nth-child(2) .num-text{background:#E35728;}
.row2 ul li:nth-child(3) .num-text{background:#034854;}
.row2 ul li h4{ font-size:20px; font-weight: 600; margin-bottom: 11px; line-height: 1.3;}
.row2 ul li:nth-child(1) h4{color:#FF8E5C;}
.row2 ul li:nth-child(2) h4{color:#E35728;}
.row2 ul li:nth-child(3) h4{color:#034854;}
.row2 ul li:nth-child(3){ padding-right:0;}
.row2 ul li:nth-child(3) p{ max-width: 100%;}
.row2 ul li p{ font-size:16px; margin-bottom: 0px; line-height: 1.5; color: var(--v-black); max-width:300px;}
.row2 ul li p.link-text{ padding-top:8px;}
.row2 ul li p.link-text a{ text-decoration: underline; color: var(--v-orange); position: relative; display: inline-block;}
.row2 ul li p.link-text a:hover{ text-decoration: underline; color: #c62400;}
.row2 ul li p.link-text a::after{content: '\f105'; font-family: 'FontAwesome'; color: var(--v-orange); display: block;width:20px;height: 20px;transition: all .15s linear; position: absolute; left: calc(100% + 3px); top:2px; border-radius: 50%; text-align:center; font-size:12px; line-height:20px;}
.row2 ul li p.link-text a:hover::after{background-color: #f9ddd4;}
.row2 p.tnc-text{ line-height: 1.2; font-size: 14px; margin: 0; padding-top:20px; font-weight: 400; opacity: 1;color: var(--v-black); text-align:center;}
.row2 p.tnc-text a{text-decoration: underline; opacity: 0.5;}
.row2 p.tnc-text a:hover {text-decoration: underline; opacity: 1;}

.row2 .get-tab-list{display: flex;justify-content: center;margin-bottom: 32px;cursor: pointer;position: relative;}
.row2 .get-tab-list .tab-item{position: relative;}
.row2 .get-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#0000003D;position: absolute;bottom: -1px;left: 0;}
.row2 .get-tab-list p{width: 138px;color: var(--v-black);font-size: var(--fs-20);line-height: 1.3;margin-bottom: 0;text-align: center;font-weight: 500;}
.row2 .get-tab-list .tab-item.active p{color: var(--v-orange);}
.row2 .wire{position: absolute;top: 31px;height: 2px;background: var(--v-orange);transition: .4s;}
.row2 .tab-con-item{opacity: 0;height: 0; position: relative; overflow: hidden; text-align:center;}
.row2 .tab-con-item.active{opacity: 1;height: auto; overflow: visible;}



@media(max-width:1700px) {
    .banner .img-box{ bottom:50%; transform: translateY(50%); width:auto; max-width:100%; height: 100%; right: -180px;}
    .banner .img-box img{ width: auto; height: 100%;}
}

@media(max-width:1240px) {
    .banner .inner{ height: 500px; padding-top:0px; align-items: center;}    
    .banner h1{font-size: 50px; margin-bottom: 20px;}
    .banner p.top-text{ margin-bottom:5px;}
    .banner p{font-size: 18px; margin-bottom: 20px;}
    .banner .text{ padding-left:0px;}
    .banner .tnc{line-height: 16px;margin: 0; font-size:14px;}
    .banner .img-box{ right: -200px;}

    .row1{padding: 32px 0 32px;}
    .row1 h2{line-height: 1.22;}

    .row2 .top-box{ padding-bottom: 42px;}
    .row2 .top-box p{ font-size:18px;}
    .row2 h3{ font-size:26px; margin-bottom: 30px;}
}
@media(max-width:1024px) {    
    .banner h1{font-size: 42px;}

    .row1{padding: 32px 0 32px;}

    .row2 .inner { padding-top: 75px; padding-bottom: 75px;}
    .row2 .top-box{ padding-bottom: 35px;}
    .row2 .top-box p{ font-size:16px;}
    .row2 h3{ font-size:24px; margin-bottom: 25px;}
}

@media (max-width:940px){
    .row2 .inner { padding-top: 60px; padding-bottom: 60px;}
    .row2 .top-box{ padding-bottom: 30px;}
}



@media(max-width:768px) {
    .banner{ background-size:cover;}
    /*  */
    .banner .banner-content{background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 25%, rgba(0, 0, 0, 0) 100%);}
    .banner .inner{ height: auto; padding-top:30px; align-items: flex-start; padding-bottom: 373px;}
    .banner .text-box{ width: 300px; max-width:100%; margin: 0 auto; text-align:center;}
    .banner h1{font-size: 24px;}
    .banner p{font-size: 16px;}
    .banner .img-box{ right:50%; bottom:0; transform: translateX(50%); height: 353px; width: 478px; max-width:478px;}
    .banner .img-box img{ width: 100%; height: auto; max-width:100%;}


    .row1{padding: 42px 0 42px;}
    .row1 .calculation-table table th{padding: 20px 15px;font-weight: 500;}
    .row1 p br{display: initial;}

    .row2{ background:#e8e9ed;}
    .row2 .inner { padding-top: 32px; padding-bottom: 33px;background: none;}
    .row2 .top-box{ width: 360px; max-width:100%; padding-bottom: 25px; margin: 0 auto;}
    .row2 .top-box p{ font-size:14px; line-height: 1.28;margin-bottom: 8px;font-weight: 600;}
    .row2 h2{font-size: 20px;}
    .row2 h3{ font-size:18px;}
    .row2 ul{ max-width: 353px; padding-bottom:7px;}
    .row2 ul li,
    .row2 ul li:nth-child(3){ width: 100%; padding:0px 0px 18px 32px}
    .row2 ul li:after{ width: 0px; height: calc(100% - 28px); background:none; border-left:1px dashed var(--v-orange); left: 11px; right:auto; top:25px;}
    .row2 ul li .num-text{ width: 24px; height: 24px; font-size:14px; font-weight:400; position: absolute; left: 0; top:-2px;}
    .row2 ul li h4{ font-size:16px; margin-bottom:6px;}
    .row2 ul li p{ font-size:14px; line-height:1.4; max-width:100%;}
    .row2 ul li p.link-text { padding-top: 4px;}
    .row2 ul li p.link-text a::after{ top:-1px;}
    .row2 .get-tab-list p {font-size: 14px;width: 100px;}
}

@media(max-width:510px) {
    .row1{padding: 32px 0;}
    .row1 .calculation-table{overflow-x: scroll;}
}

@media(max-width:400px) {
    .banner .banner-content{background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 100%);}
    .banner .inner{padding-bottom: 320px;}
    .banner .img-box{width: 323px; height: auto;}
}

/* ! vantagemarekts|2025-12-29 09:29:00 ! */