.banner {background: url("/wp-content/themes/vantage/images/promotions_summer_trade_rewards_banner_bg.webp?v=1") no-repeat;background-size: cover;padding: 101px 0 39px;}
.banner .inner {max-width: 1700px;}
.banner .inner .text_box h1 {font-size: 64px;font-weight: 900;color: var(--v-white);line-height: 1.2;margin-bottom: 90px;}
.banner .inner .text_box h1 span {font-size: 96px;display: block;}
.banner .inner .text_box .live-button {padding: 16px 35px;font-weight: 700;font-size: var(--fs-24);box-shadow: 0px 4px 4px 0px #00000040;}
.banner .inner .text_box .tnc {font-size: var(--fs-20);color: var(--v-black);font-weight: 300;margin-bottom: 47px;}
.banner .inner .text_box .p_text {font-size: var(--fs-24);color: var(--v-black);font-weight: 300;margin-bottom: 0;}


.row1 {padding: 69px 0 122px;}
.row1 .inner {max-width: 1430px;}
.row1 .inner h2 {font-size: var(--fs-40);font-weight: 700;color: var(--v-black);}
h2 span, h1 span {color: var(--v-orange);}
.row1 .inner .p_text {font-size: var(--fs-24);font-weight: 300;color: var(--v-black);margin-bottom: 0;}
.row1 .inner .table {width: 100%;margin: 31px 0;border-collapse: separate;border-spacing: 6px 0;}
.row1 .inner .table td, .row1 .inner .table th {font-size: var(--fs-20);font-weight: 500;color: var(--v-black);line-height: 1.3;text-align: center;padding: 29.5px 10px;border-bottom: 1px solid #E2E2E2}
.row1 .inner .table th {position: relative;}
.row1 .inner .table .orange .span {position: absolute;left: 0;top: -12px;width: 100%;height: 8px;background-color: var(--v-orange);}
.row1 .inner .table .grey .span {position: absolute;left: 0;top: -12px;width: 100%;height: 8px;background-color: #818181;}
.row1 .inner .table thead tr th, .row1 .inner .table tbody tr td {background-color: #F5F5F5;}
.row1 .inner .table thead tr th:first-child ,.row1 .inner .table tbody tr td:first-child {width: 18.6%;}
.row1 .inner .table thead tr .orange, .row1 .inner .table tbody tr td.first-bg {background-color: #EEEEEE;width: auto;}
.row1 .inner .table thead tr th:last-child ,.row1 .inner .table tbody tr td:last-child {width: 52.35%;}
.row1 .inner .p_text2 {margin-bottom: 69px;font-size: var(--fs-24);}
.row1 .inner .info_box span {font-size: var(--fs-24);font-weight: 900;color: var(--v-orange);}
.row1 .inner .info_box p {margin-bottom: 31px;font-size: var(--fs-24);font-weight: 300;color: var(--v-black);}
.row1 .inner .info_box a {color: var(--v-orange);text-decoration: underline;}
.row1 .inner .info_box p:last-child {margin-bottom: 0;}
.row1 .inner .table thead tr th span, .row1 .inner .table tbody tr td span {display: inline-block;}

.row2{padding: 108px 0;background: #F2F3F5;}
.row2 .inner {max-width: 1440px;}
.row2 h2{color: var(--v-black-light);font-size: 48px;font-weight: 600;text-align: center;margin-bottom: 56px;}
.row2 .join-tab-list{display: flex;justify-content: center;margin-bottom: 32px;cursor: pointer;position: relative;}
.row2 .join-tab-list .tab-item{position: relative;}
.row2 .join-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#0000003D;position: absolute;bottom: -1px;left: 0;}
.row2 .join-tab-list p{width: 80px;color: var(--v-black);font-size: var(--fs-20);line-height: 1.3;margin-bottom: 0;text-align: center;font-weight: 500;}
.row2 .join-tab-list .tab-item.active p{color: var(--v-orange);}
.row2 .item-content{display: flex;justify-content: space-between;gap: 56px;margin-bottom: 32px;}
.row2 .item-box{max-width: 272px;width: 100%;}
.row2 .step{width: 52px;height: 52px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--v-white);font-size: var(--fs-20);margin-bottom: 12px;position: relative;line-height: 1;font-weight: 600;}
.row2 .join-tab-con{text-align: center;}
.row2 .join-tab-con .item-box:nth-child(1) .step{background:#FF8E5C;}
.row2 .join-tab-con .item-box:nth-child(2) .step{background:#FF8E5C;}
.row2 .join-tab-con .item-box:nth-child(3) .step{background:#034854;}
.row2 .join-tab-con .item-box:nth-child(1) h4{color: #FF8E5C;}
.row2 .join-tab-con .item-box:nth-child(2) h4{color: #FF8E5C;}
.row2 .join-tab-con .item-box:nth-child(3) h4{color: #034854;}
.row2 .join-tab-con .step::after{content:"";display:block;width: 404px;border-bottom: 2px dashed #000000;position: absolute;top: 26px;left: 70px;}
.row2 .join-tab-con .item-box:last-child .step::after{display: none;}
.row2 .join-tab-con h4 {text-align: left;font-size: var(--fs-20);font-weight: 600;line-height: 1.2;margin-bottom: 12px;max-width: 255px;}
.row2 .join-tab-con p{color: var(--v-black);font-size: var(--fs-16);font-weight: 300;margin-bottom: 0;text-align: left;}
.row2 .tab-con-item{display: none;}
.row2 .tab-con-item.active{display: block;}
.row2 .orange-button{text-transform: uppercase;padding: 16px 36px;line-height: 1.3;}
.row2_wire{position: absolute;top: 31px;height: 2px;background: var(--v-orange);transition: .4s;}

@media (max-width: 1800px) { 
    .banner {background-position-x: 84%;}
}
@media (max-width: 1440px) { 
    .banner .inner .text_box h1 span {font-size: 80px;}
}
@media (max-width: 1350px) { 
    .row2 .item-content {justify-content: center;gap: 0;}
    .row2 .item-box {overflow: hidden;}
    .row2 .join-tab-con .step::after {width: 266px;left: 52px;}
    .row2 .join-tab-con p, .row2 .join-tab-con h4 {padding-right: 20px;}
}
@media (max-width: 1125px) { 
    .banner {background: url("/wp-content/themes/vantage/images/promotions_summer_trade_rewards_banner_bg_mb.webp") no-repeat;background-size: cover;padding: 88px 0 31px;background-position: center;}
    .banner .text_box {text-align: center;}
    .banner .inner .text_box h1 {margin-bottom: 460px;font-size: 90px;}
    .banner .inner .text_box h1 span {font-size: 120px;}
    .banner .inner .text_box .live-button {padding: 10px 34px;margin-bottom: 20px;}
    .banner .inner .text_box .tnc {margin-bottom: 20px;}
    .row1 .inner .p_text2, .row1 .inner .info_box span, .row1 .inner .info_box p, .row1 .inner .p_text {font-size: var(--fs-20);}
    .row2 .join-tab-con .step::after {width: 220px;}
}
@media (max-width: 1100px) { 
    .row2 h2, .row2 .inner h2 {font-size: var(--fs-50);}
    .row2 .join-tab-con p .pc-br {display: none;}
}
@media (max-width: 980px) { 
    .banner .inner .text_box h1 {font-size: 59px;}
    .banner .inner .text_box h1 span {font-size: 85px;}
}
@media (max-width: 768px) { 
    .row2, .row1 {padding: 32px 0;}
    .row2 {background: url("/wp-content/themes/vantage/images/promotions_summer_trade_rewards_row2_bg_mb.webp?v=1") no-repeat;background-size: cover;background-position: center;}
    .row1 .inner .table td, .row1 .inner .table th {padding: 10px;font-size: 16px;}
    .row1 .inner .table .orange .span, .row1 .inner .table .grey .span {height: 4px;top: -8px;}
    .row2 .join-tab-con .step::after {left: 35px;top: 18px;}
    .row2 .step {width: 34px;height: 34px;}
    .row2 h2, .row2 .inner h2 {margin-bottom: 30px;}
    .row2 .orange-button {padding: 15px 30px;}
}
@media (max-width: 700px) { 
    .banner {background: url("/wp-content/themes/vantage/images/promotions_summer_trade_rewards_banner_bg_mb_2.webp") no-repeat;background-size: cover;padding: 50px 0 15px;background-position: center;}
    .banner .inner .text_box h1 {font-size: 49px;margin-bottom: 400px;}
    .banner .inner .text_box h1 span {font-size: 65px;}
    .banner .inner .text_box .p_text, .banner .inner .text_box .tnc {font-size: var(--fs-18);}
}
@media (max-width: 570px) { 
    .banner .inner .text_box h1 {font-size: 32px;margin-bottom: 400px;margin-bottom: 360px;}
    .banner .inner .text_box h1 span {font-size: 40px;}
    .banner .inner .text_box .live-button {font-size: 20px;margin-bottom: 7px;}
    .banner .inner .text_box .tnc {margin-bottom: 15px;}
}
@media (max-width: 510px) { 
    .row1 .inner .table .orange .span, .row1 .inner .table .grey .span {height: 2px;top: -4px;}
    .row1 .inner .table td, .row1 .inner .table th {font-size: 12px;padding: 6px 0;}
    .row1 .inner .table {border-spacing: 2px 0;}
    .row1 .inner h2 {font-size: 20px;}
}
@media (max-width: 400px) { 
    .banner {padding-top: 70px;}
    .banner .inner .text_box h1 {margin-bottom: 244px;}
    .banner .inner .text_box .live-button {padding: 3px 14px;}
    .row1 .inner .p_text2, .row1 .inner .info_box span, .row1 .inner .info_box p, .row1 .inner .p_text {font-size: 12px;}
    .row1 {padding: 10px 0 15px;}
    .row1 .inner .table {margin: 5px 0 15px;}
    .row1 .inner .p_text2, .row1 .inner .info_box p {margin-bottom: 10px;}
    .row2 {padding: 16px 0 24px;}
    .row2 h2, .row2 .inner h2 {margin-bottom: 4px;}
    .row2 .join-tab-list p {width: 48px;font-size: 12px;}
    .row2 .join-tab-list {margin-bottom: 7px;}
    .row2 .step {width: 24px;height: 24px;font-size: 12px;}
    .row2 .join-tab-con .step::after {left: 25px;top: 12px;opacity: .3;border-bottom: .5px dashed #000000;margin-bottom: 6px;}
    .row2 .join-tab-con h4 {margin-bottom: 6px;}
    .row2 .join-tab-con p, .row2 .join-tab-con h4 {padding-right: 7px;font-size: 12px;}
    .row2 .orange-button {padding: 7px 10px;font-size: 12px;}
    .row2 .item-content {margin-bottom: 10px;}
}
@media (max-width: 350px) { 
    .banner {padding-top: 40px;}
    .banner .inner .text_box h1 {margin-bottom: 180px;}
    .banner .inner .text_box .p_text {font-size: 12px;}
}
/* @media (max-width: 700px) { 
    .row2 .item-content, .row2 .join-tab-list, .row2 h2 {margin-bottom: 24px;}
    .row2 .item-content {flex-direction: column;gap: 16px;}
    .row2 .item-box {max-width: 500px;display: flex;overflow: unset;}
    .row2 .step {margin: 0 8px 0 0;width: 40px;height: 40px;min-width: 40px;}
    .row2 .join-tab-con .step::after {top: 40px;left: 50%;width: 1px;height: 103px;border-left: 1px dashed #E35728;transform: translateX(-50%);}
    .row2 .join-tab-con p, .row2 .join-tab-con h4 {padding-right: 0;font-weight: 400;}
    .row2 .join-tab-con h4 {margin-bottom: 6.5px;font-weight: 600;}
}
@media (max-width: 510px) { 
    .row2 .orange-button {padding: 15px 32px 14px;}
    .row2 .step {width: 24px;height: 24px;min-width: 24px;font-size: 14px;}
    .row2 .join-tab-con .step::after {top: 24px;height: 96px;}
    .row2 h2 {margin-bottom: 8px;}
    .row2 .join-tab-list p {font-size: 14px;width: 82px;}
}
@media (max-width: 370px) { 
    .row2 .join-tab-con .step::after {top: 24px;height: 120px;}
} */

/* ! vantagemarekts|2025-10-21 17:20:00 ! */