.third-banner .title-box,
.third-banner .banner-box .orange-button{display: none;}

.swap-free-trading .third-banner{padding-top: 67px;}

.swap-free-trading .inner{max-width: 1585px;}
.swap-free-trading .third-banner .banner-box{padding: 126px 32px 32px;border-radius: 8px;overflow: hidden;position: relative;background-size: cover;background-position: center;}
.swap-free-trading .third-banner .banner-box::after{content: '';display: block;width: 100%;height: 226px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 47.45%);position: absolute;left: 0;bottom: 0;}
.swap-free-trading .third-banner .text-box{position: relative;z-index: 10;}
.swap-free-trading .third-banner .text-box h1{color: var(--v-white);font-size: var(--fs-32);line-height: 38px;margin-bottom: 4px;text-transform: uppercase;}
.swap-free-trading .third-banner .text-box p{max-width: 57%;color: var(--v-white);font-size: var(--fs-16);line-height: 24px;margin-bottom: 0;}
.swap-free-trading .third-banner .banner-bottom{display: none;}

.swap-free-trading .icon-title{font-size: var(--fs-20);line-height: 24px;margin-bottom: 18px;padding-left: 36px;}
.swap-free-trading .icon-title::after{width: 16px;height: 14px;background: url(/wp-content/themes/vantage/images/swap-free-trading-h2-after-icon.svg) center center no-repeat;background-size: cover;transform: none;top: 8px;left: 6px;}

.fees-row1{margin-top: 32px;}
.fees-row1 p,
.fees-row2 p,
.fees-row3 p{color: var(--v-black);font-size: var(--fs-16);font-weight: 400;line-height: 24px;margin-bottom: 0;}

.fees-row2{margin-top: 83px;}
.fees-row2 .table{max-width: 1034px;margin-top: 24px;box-shadow: 0px 4px 4px 0px #00000040;border-radius: 15px;overflow: hidden;}
.fees-row2 .table .top{background: #646464;padding: 11px;border-radius: 15px 15px 0 0;}
.fees-row2 .table .top p{color: var(--v-white);font-size: var(--fs-18);font-weight: 600;line-height: 22px;margin-bottom: 0;text-align: center;}
.fees-row2 .table .head{background: #E25628;display: flex;text-align: center;}
.fees-row2 .table .head p{color: var(--v-white);font-size: var(--fs-16);font-weight: 600;line-height: 19px;margin-bottom: 0;}
.fees-row2 .table .head p:nth-of-type(1){width: 250px;padding: 16px 27px 16px 32px;text-align: left;}
.fees-row2 .table .head p:nth-of-type(2){width: 784px;padding: 16px;}
.fees-row2 .table .list{display: flex;}
.fees-row2 .table .list:nth-child(even){background: #F5F5F5;}
.fees-row2 .table .list:nth-child(odd){background: var(--v-white);}
.fees-row2 .table .list p{color: #002329;font-size: var(--fs-16);font-weight: 400;line-height: 19px;margin-bottom: 0;}
.fees-row2 .table .list p span{color: #E25628;font-weight: 600;}
.fees-row2 .table .list1{box-shadow: 0px 4px 4px 0px #00000040 inset;}
.fees-row2 .table .list4 .currency,
.fees-row2 .table .list5 .currency{padding: 32px 89px;}
.fees-row2 .table .list4 .currency p,
.fees-row2 .table .list5 .currency p{line-height: 24px;}
.fees-row2 .table .product{width: 250px;padding: 18px 32px;text-align: left;display: flex;align-items: center;}
.fees-row2 .table .currency{width: 784px;display: flex;justify-content: space-between;padding: 16px 89px;text-align: center;}
.fees-row2 .table .currency p{width: 181px;text-align: left;}
.fees-row2 .table .currency p:nth-last-child(1){width: 61px;}

.fees-row3{margin-top: 80px;}
.fees-row3 p{margin-bottom: 16px;}
.fees-row3 ul li{color: var(--v-black);font-size: var(--fs-16);font-weight: 500;line-height: 24px;display: flex;gap: 16px;padding-left: 12px;margin-bottom: 14px;}
.fees-row3 ul li p{width: 100%;border-bottom: 1px solid #C6C6C6;margin-bottom: 0;}
.fees-row3 ul li span{color: #818181;}

.fees-row4{overflow: hidden;}
.fees-row4 .third-level-open-account-banner{margin: 160px 0 112px;box-shadow: 0px 20px 30px 0px #00000029;}
.fees-row4 .third-level-open-account-banner .banner-top{border-radius: 16px 16px 0 0;}
.fees-row4 .third-level-open-account-banner .banner-top h2{font-size: 28px;font-weight: 600;line-height: 34px;margin-bottom: 16px;}
.fees-row4 .orange-arrow-button{padding: 20px 72px 20px 28px;line-height: 23px;}
.fees-row4 .orange-arrow-button .btn-icon{width: 56px;height: 48px;border-radius: 28px;}
.fees-row4 .orange-arrow-button:hover{padding-right: 76px;}
.fees-row4 .third-level-open-account-banner .banner-bottom{padding: 32px 60px;background: var(--v-white);border-radius: 0 0 16px 16px;}
.fees-row4 .third-level-open-account-banner .banner-bottom ul{gap: 40px;}
.fees-row4 .third-level-open-account-banner .banner-bottom ul li{width: 240px;min-width: min-content;padding-right: 0;}
.fees-row4 .banner-bottom ul li .step-index{width: 52px;height: 52px;font-size: var(--fs-20);margin-bottom: 8px;}
.fees-row4 .banner-bottom ul li .step-title h3{font-size: var(--fs-20);line-height: 24px;margin-bottom: 12px;}
.fees-row4 .banner-bottom ul li .step-message p{color: var(--v-black);line-height: 24px;}

@media(max-width:1100px) {
    .fees-row2 .table .currency{padding: 16px 60px;}
    .fees-row2 .table .product{padding: 18px 20px;}
    .fees-row2 .table .list4 .currency, .fees-row2 .table .list5 .currency{padding: 20px 60px;}
}
@media(max-width:1024px) {
    .swap-free-trading .third-banner .banner-box{padding: 160px 0;background-position: right;}
    .swap-free-trading .third-banner .banner-box::after{display: none;}
    .swap-free-trading .third-banner .banner-box .text-box{display: none;}
    .swap-free-trading .third-banner .banner-bottom{display: block;padding: 24px 0 32px;}
    .swap-free-trading .third-banner .text-box h1{color: var(--v-black);}
    .swap-free-trading .third-banner .text-box p{color: var(--v-black);max-width: 100%;}

    .fees-row2 .table .head p:nth-of-type(1){width: 33%;}
    .fees-row2 .table .head p:nth-of-type(2){width: 67%;}
    .fees-row2 .table .product{width: 20%;}
    .fees-row2 .table .currency{width: 80%;padding: 16px 40px;}
    .fees-row2 .table .list4 .currency, .fees-row2 .table .list5 .currency{padding: 20px 40px;}

    .fees-row4 .third-level-open-account-banner .banner-top h2{width: 62%;}
}
@media(max-width:980px) {
    .fees-row4 .third-level-open-account-banner .banner-top{padding: 30px 40px;}
}
@media(max-width:768px) {
    .swap-free-trading .third-banner .banner-box{padding: 80px 0;}

    .fees-row2 .table .product{width: 38%;}
    .fees-row2 .table .currency{width: 60%;padding: 16px 20px;flex-wrap: wrap;}
    .fees-row2 .table .currency p,
    .fees-row2 .table .currency p:nth-last-child(1){width: 50%;}
    .fees-row2 .table .list4 .currency, .fees-row2 .table .list5 .currency{padding: 20px 20px;}


    .fees-row4 .third-level-open-account-banner .banner-top h2{font-size: 24px;}
    .fees-row4 .third-level-open-account-banner .banner-bottom{padding: 32px 40px;}
    .fees-row4 .third-level-open-account-banner .banner-bottom ul{gap: 20px;}
    .fees-row4 .third-level-open-account-banner .banner-bottom ul li{width: 100%;}
    
}
@media(max-width:620px) {
    .fees-row4 .third-level-open-account-banner .banner-top{padding: 24px 16px 320px;text-align: center;}
    .fees-row4 .third-level-open-account-banner .banner-top h2{width: 100%;}
    .fees-row4 .third-level-open-account-banner .btn-box{width: 100%;max-width: 100%;text-align: center;}
    .fees-row4 .third-level-open-account-banner .banner-top .img-box img{width: 100%;}
}
@media(max-width:510px) {
    .swap-free-trading .icon-title{line-height: 19px;margin-bottom: 8px;padding-left: 22px;}
    .swap-free-trading .icon-title::after{width: 12px;height: 10px;top: 6px;left: 1px;}

    .fees-row1 p, .fees-row2 p, .fees-row3 p{line-height: 20px;}

    .swap-free-trading .third-banner{box-shadow: 0px 4px 4px 0px #00000040;padding-top: 20px;}
    .swap-free-trading .third-banner .banner-box{padding: 54px 0;border-radius: 0;}
    .swap-free-trading .third-banner .text-box h1{font-size: 16px;line-height: 19px;margin-bottom: 5px;}
    .swap-free-trading .third-banner .text-box p{font-size: 12px;line-height: 17px;}
    .swap-free-trading .third-banner .banner-bottom{display: block;padding: 11px 0 32px;}

    .fees-row2{margin-top: 56px;}
    .fees-row2 .table .top{padding: 14px;}
    .fees-row2 .table .top p{line-height: 17px;}
    .fees-row2 .table .head p:nth-of-type(1){width: 50%;padding: 16px 36px 16px 32px;line-height: 17px;}
    .fees-row2 .table .head p:nth-of-type(2){width: 50%;padding: 33px 24px;line-height: 17px;}
    .fees-row2 .table .currency{padding: 32px 10px;}
    .fees-row2 .table .list4 .currency, .fees-row2 .table .list5 .currency{padding: 15px 10px;}
    .fees-row2 .table{margin-top: 9px;}

    .fees-row3{margin-top: 56px;}
    .fees-row3 .title-message{padding-left: 22px;}
    .fees-row3 p{line-height: 18px;margin-bottom: 0;font-weight: 500;}
    .fees-row3 p:nth-last-of-type(1){margin: -9px 0 0 -22px;}
    .fees-row3 ul{margin: 2px 0;}
    .fees-row3 ul li{margin-bottom: 21px;padding-left: 0;margin-left: -18px;}
    .fees-row3 ul li p:nth-last-of-type(1){margin: 0;}

    .fees-row4 .third-level-open-account-banner{margin: 56px 0 32px;}
    .fees-row4 .third-level-open-account-banner .banner-top{padding: 20px 12px 280px;border-radius: 8px 8px 0 0;}
    .fees-row4 .third-level-open-account-banner .banner-top h2{font-size: 20px;line-height: 24px;}
    .fees-row4 .orange-arrow-button{padding: 13px 52px 13px 24px;}
    .fees-row4 .orange-arrow-button:hover{padding-right: 60px;}
    .fees-row4 .third-level-open-account-banner .banner-bottom{border-radius: 0 0 8px 8px;}
    .fees-row4 .third-level-open-account-banner .banner-bottom ul li{padding-bottom: 0;}
    .fees-row4 .third-level-open-account-banner .banner-bottom{padding: 16px 12px 20px;}
    .fees-row4 .banner-bottom ul li .step-index{width: 24px;height: 24px;margin: 0 8px 0 0;}
    .fees-row4 .banner-bottom ul li .step-title h3{font-size: 16px;line-height: 19px;margin: 0;}
    .fees-row4 .banner-bottom ul li .step-message{padding-left: 32px;line-height: 20px;}
    .fees-row4 .orange-arrow-button .btn-icon{width: 40px;height: 36px;}
    .fees-row4 .banner-bottom ul li .step-message p{line-height: 20px;}
        
}
@media(max-width:400px) {
    .fees-row4 .third-level-open-account-banner .banner-top{padding: 20px 12px 233px;}

    .fees-row2 .table .head p:nth-of-type(1){width: 152px;}
    .fees-row2 .table .head p:nth-of-type(2){width: 201px;}
    .fees-row2 .table .product{width: 152px;padding: 32px;}
    .fees-row2 .table .currency{width: 201px;justify-content: flex-start;column-gap: 18px;row-gap: 15px;padding: 32px 10px 32px 20px;}
    .fees-row2 .table .currency p, .fees-row2 .table .currency p:nth-last-child(1){width: 76px;}
    .fees-row2 .table .list2 .currency{padding: 35px 10px 32px 20px;}
    .fees-row2 .table .list3 .currency{padding: 15px 10px 5px 20px;}
    .fees-row2 .table .list3 .product{padding: 16px 32px;}
    .fees-row2 .table .list4 .currency{padding: 12px 10px 6px 20px;row-gap: 0;}
    .fees-row2 .table .list4 .currency p{line-height: 27px;}
    .fees-row2 .table .list5 .currency{padding: 12px 10px 20px 20px;row-gap: 0;}
    .fees-row2 .table .list5 .currency p{line-height: 28px;}
}

/* ! vantagemarekts|2025-10-29 10:21:00 ! */