.orange-button{text-transform: uppercase;}
.account{font-size: var(--fs-16);font-weight: 400;color: var(--v-black);margin: 0px;line-height: 1;}
.log-in{color: var(--v-orange);text-decoration: underline;}

.deposit-usdt-banner{position: relative;overflow: hidden;background: url(/wp-content/themes/vantage/images/deposit-usdt-banner-bg-20240624.webp) center no-repeat; background-size: cover; max-height: 600px;}
.deposit-usdt-banner .inner{display: flex;justify-content: space-between;align-items: center; max-height: 600px;}
.deposit-usdt-banner .text-box{width: 40%;position: relative;z-index: 10;}
.deposit-usdt-banner .text-box h1{font-size: 48px;font-weight: 600;color: var(--v-black);margin-bottom: 24px;line-height: 1.2;}
.deposit-usdt-banner .text-box h1 span{color: var(--v-orange);}
.deposit-usdt-banner .text-box .orange-button{margin-bottom: 24px;}
.deposit-usdt-banner .text-box .small-txt{font-size: var(--fs-16);color: var(--v-black);margin: 0;line-height: 1.5;}
.deposit-usdt-banner .text-box .small-txt a{text-decoration: underline;}
.deposit-usdt-banner .img-box{margin-right: -71px;flex: 0 0 56%;}
.deposit-usdt-banner .img-box-m{display: none;}

html[lang='it-IT'] .deposit-usdt-banner .text-box{width: 48%;}
html[lang='es-ES'] .deposit-usdt-banner .text-box{width: 48%;}
html[lang='ar-AE'] .deposit-usdt-banner .text-box{text-align: right; width: 42%;}

/* row2 */
.row2{padding: 96px 0;}
.row2 .title{max-width: 835px; margin: 0 auto 32px; text-align: center;}
.row2 .title h2{font-size: 48px; color: #002329; font-weight: 500; line-height: 1.17; margin-bottom: 32px}
.row2 .title h2 span{color: var(--v-orange);}
.row2 .title p{font-size: var(--fs-20); line-height: 1.16; margin: 0; color: var(--v-black);}
.row2 .content{position: relative;}
.row2 .content ul{display: flex; gap: 32px; justify-content: center;}
.row2 .content ul li{width: 23%; max-width: 280px; height: auto; background: #F1F3F5; border-radius: 16px; padding: 32px 25px; text-align: center; display: flex; flex-direction: column; justify-content: space-between;}
.row2 .content ul li .num{width: 64px; height: 64px; border-radius: 50%; font-size: 28px; line-height: 64px; color: var(--v-white); margin: 0 auto 20px; font-weight: 600;}
.row2 .content ul li:nth-of-type(1) .num{background: #FF8E5C;}
.row2 .content ul li:nth-of-type(2) .num{background: #E35728;}
.row2 .content ul li:nth-of-type(3) .num{background: #164B53;}
.row2 .content ul li:nth-of-type(4) .num{background: #088598;}
.row2 .content ul li h3{font-size: var(--fs-20); font-weight: 600; line-height: 1.193; margin-bottom: 8px; color: var(--v-black);}
.row2 .content ul li p{font-size: var(--fs-16); line-height: 1.16; margin: 0;}
.row2 .content ul li:last-of-type p span{display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: url(/wp-content/themes/vantage/images/deposit-usdt-row2-icon.svg) center no-repeat; background-size: contain; position: relative; cursor: pointer;}
.row2 .content ul li:last-of-type p span.after::after{content: ''; width: 100px; height: 100px; display: block; background: url(/wp-content/themes/vantage/images/deposit-usdt-row2-triangle-icon.svg) center no-repeat; background-size: contain; position: absolute; top: 4px; left: -44px; z-index: 1; transition: .3s;}
.row2 .content ul li .button{margin-top: 32px;}
.row2 .content ul li .button.hide{display: none;}
.row2 .content ul li .button a span{color: #fce055;}

html[lang='ar-AE'] .row2 .content ul{flex-direction: row-reverse;}

.row2 .content .table-list{box-shadow: -32px 20px 60px 0px #00000040; border-radius: 16px; padding: 36px 51px 38px; background: var(--v-white); width: 100%; max-width: 668px; position: absolute; z-index: 2; display: none;}
.row2 .content .table-list .table-wrap{margin-bottom: 30px;}
.row2 .content .table-list .table-wrap .table-con{border-radius: 15px;box-shadow: 0px 3.72px 5.57px -1.86px #10182808 ,0px 11.15px 14.86px -3.72px #10182814; overflow: hidden; margin-bottom: 15px;}
.row2 .content .table-list .table-wrap .table-con .tb-th{background: #034753; padding: 15px 20px; text-align: center; font-size: var(--fs-18); font-weight: 600; color: var(--v-white); text-transform: uppercase;}
.row2 .content .table-list .table-wrap .table-con .con{padding: 15px 30px;}
.row2 .content .table-list .table-wrap .table-con .con div{display: flex; justify-content: space-between; align-items: center; font-size: var(--fs-14); line-height: 1.16; margin-bottom: 10px;}
.row2 .content .table-list .table-wrap .table-con .con div p:first-of-type{color: #636363; margin: 0;}
.row2 .content .table-list .table-wrap .table-con .con div p:last-of-type{color: var(--v-black); text-align: right; font-weight: 600; margin: 0;}
.row2 .content .table-list .text-box p{font-style: italic; color: var(--v-black); font-size: var(--fs-14); line-height: 1.16; margin: 0;}

html[lang='ar-AE'] .row2 .content .table-list .table-wrap .table-con .tb-th{direction: rtl;}
html[lang='ar-AE'] .row2 .content .table-list .table-wrap .table-con .con div{flex-direction: row-reverse;}
html[lang='ar-AE'] .row2 .content .table-list .text-box p{text-align: right;}

.row3{background: #F2F3F5;}
.row3 .wrap{padding: 96px 0; background: url(/wp-content/themes/vantage/images/deposit-usdt-row3-bg.webp) center no-repeat; background-size: cover;}
.row3 .wrap .inner .title{margin-bottom: 32px;}
.row3 .wrap .inner .title h2{color: #002329; font-size: 48px; line-height: 1.17; text-align: center; font-weight: 500;}
.row3 .wrap .inner .content ul{display: flex; gap: 32px; justify-content: center; margin-bottom: 32px;}
.row3 .wrap .inner .content ul li{width: 30%; max-width: 384px; background: var(--v-white); border-radius: 16px; padding: 32px 10px; text-align: center; transition: .3s;}
.row3 .wrap .inner .content ul li .img-box{position: relative; margin: 0 auto 16px; width: fit-content;}
.row3 .wrap .inner .content ul li .img-box .white{position: absolute; top: 0; left: 0; opacity: 0; z-index: 1;}
.row3 .wrap .inner .content ul li .text-box h3{font-size: var(--fs-20); color: var(--v-black); line-height: 1.193; margin-bottom: 8px;}
.row3 .wrap .inner .content ul li .text-box p{font-size: var(--fs-16); color: #636363; line-height: 1.16; margin: 0;}
.row3 .wrap .inner .content ul li:hover{background: #034753;}
.row3 .wrap .inner .content ul li:hover .img-box .white{opacity: 1;}
.row3 .wrap .inner .content ul li:hover .text-box h3{color: var(--v-white);}
.row3 .wrap .inner .content ul li:hover .text-box p{color: var(--v-white);}
.row3 .wrap .inner .content .button{text-align: center;}


/* row5 */
/* .row5{background: #F1F3F5;} */
.row5 .inner{padding-top: 96px;padding-bottom: 96px;}
.row5 .title-box h2{font-size: var(--fs-56);color: var(--v-black-light);font-weight: 500;text-align: center;margin-bottom: 32px;line-height: 1;}
.row5 .title-box h2 span{color: #E35728;}
.row5 .content ul{display: flex;justify-content: center; margin: 0 auto; gap: 32px;margin-bottom: 50px;}
.row5 .content ul li{padding: 32px 10px; background: #f1f3f5; text-align: center; border-radius: 16px; width: 20%; height: auto; transition: .3s; max-width: 217px;}
.row5 .content ul li .img-box{width: 40px; height: 40px; margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 16px;}
.row5 .content ul li .img-box img{transition: .3s;}
.row5 .content ul li h3{color: var(--v-black); font-size: var(--fs-20); font-weight: 600; line-height: 1.2; margin-bottom: 8px; transition: .3s;}
.row5 .content ul li p{color: #636363; font-size: var(--fs-16); font-weight: 400; line-height: 1.2; transition: .3s; margin: 0;}
.row5 .content ul li:hover{background: #034753;}
.row5 .content ul li:hover h3{color: var(--v-white);}
.row5 .content ul li:hover p{color: rgba(255, 255, 255, 0.90);}
.row5 .content ul li .img-box .icon-hover{display: none;}
.row5 .content ul li:hover .img-box img:first-of-type{display: none;}
.row5 .content ul li:hover .img-box .icon-hover{display: inline-block;}
.row5 .button-box{margin-top: 32px;text-align: center;}
.row5 .button{display: flex;justify-content: center;}
.row5 .button a span{color: #fce055;}
.deposit-bonus-anytime{padding: 96px 0;}
.deposit-bonus-anytime .anytime-con{display: flex;}
.deposit-bonus-anytime .anytime-left{width: 50%;background:url(/wp-content/themes/vantage/images/deposit-bonus-anytime-img1.webp) center center no-repeat; background-size:cover;background-position: 0% center;padding: 73px 100px 64px 70px;border-radius: 16px 0 0 16px;}
.deposit-bonus-anytime .anytime-right{width: 50%;background:url(/wp-content/themes/vantage/images/deposit-bonus-anytime-img2.webp) center center no-repeat; background-size:cover;padding: 73px 100px 64px 70px;border-radius: 0px 16px 16px 0;}
.deposit-bonus-anytime .anytime-con h2{font-size: var(--fs-32);font-weight: 700;margin-bottom: 13px;color: var(--v-white);line-height: 37px;}
.deposit-bonus-anytime .anytime-con p{font-size: var(--fs-14); margin-bottom: 0;color: var(--v-white);}
.deposit-bonus-anytime .link-box{display: flex;margin-top: 45px;}
.deposit-bonus-anytime .link-box a:first-child{margin-right: 16px;}

html[lang='ar-AE'] .deposit-bonus-anytime .anytime-left{text-align: right;}
html[lang='ar-AE'] .deposit-bonus-anytime .link-box{flex-direction: row-reverse;}
html[lang='ar-AE'] .deposit-bonus-anytime .link-box a:first-child{margin-right: 0; margin-left: 16px;}

html[lang='ar-AE'] .row2 .title p,
html[lang='ar-AE'] .row3 .wrap .inner .content ul li,
html[lang='ar-AE'] .row5 .content ul li{text-align: right;}
html[lang='ar-AE'] .row2 .content ul li{text-align: right;align-items: flex-start;}
html[lang='ar-AE'] .row2 .content ul li .num{text-align: center;margin: 0 0 20px;}

@media(max-width:1500px) {
    .deposit-usdt-banner .img-box{margin-right: -60px;}
}
@media(max-width:1440px) {
    .row2 .content ul{flex-wrap: wrap; }
    .row2 .content ul li{width: 32%; max-width: none;}
}
@media(max-width:1240px) {
    .deposit-usdt-banner .text-box h1{font-size: 36px;}
    .deposit-usdt-banner .img-box{margin-right: -40px;}

    .deposit-bonus-anytime .anytime-left{padding: 50px 40px;}
    .deposit-bonus-anytime .anytime-right{padding: 50px 40px;}
}

@media(max-width:1024px) {
    .deposit-usdt-banner{padding: 0;}
    .deposit-usdt-banner .text-box{padding: 48px 0;}

    .row2 .title h2{font-size: 36px;}
    .row2 .content ul li{width: 45%;}

    .row3 .wrap .inner .title h2{font-size: 36px;}
    .row3 .wrap .inner .content ul{gap: 16px;}
    .row3 .wrap .inner .content ul li{width: 33%;}

    .row5 .content ul{flex-wrap: wrap; justify-content: center;}
    .row5 .content ul li{max-width: 100%; width: 30%;}

    .deposit-bonus-anytime{padding: 48px 0;}
}

@media(max-width:768px) {
    .deposit-usdt-banner{max-height: none;}
    .deposit-usdt-banner .inner{flex-direction: column; align-items: center; max-height: none;}
    .deposit-usdt-banner .text-box{padding: 33px 0 0; width: 100%; max-width: 324px; text-align: center;}
    .deposit-usdt-banner .text-box h1{font-size: 24px;line-height: 1.38; margin-bottom: 11px;}
    .deposit-usdt-banner .text-box h1 br{display: none;}
    .deposit-usdt-banner .text-box .orange-button{margin-bottom: 11px;}
    .deposit-usdt-banner .img-box{text-align: center; margin-right: 0;}
    .deposit-usdt-banner .img-box img{max-width: 440px; width: 100%;}

    html[lang='es-ES'] .deposit-usdt-banner .text-box{width: 100%;}

    .row2{padding: 48px 0;}
    .row2 .title{ margin-bottom:16px;}
    .row2 .title h2{font-size: 24px; margin-bottom: 16px;}
    .row2 .content ul{gap: 24px;}
    
    .row2 .content ul li:last-of-type p span{display: none;}
    .row2 .content .table-list{display: block !important; position: static; box-shadow: none; padding: 24px 0 0;}
    .row2 .content .table-list .table-wrap{margin-bottom: 24px;}
    .row2 .content .table-list .table-wrap .table-con .tb-th{padding: 16px 36px;}
    .row2 .content .table-list .table-wrap .table-con .con{padding: 16px;}

    .row3 .wrap{background: transparent; padding: 48px 0;}
    .row3 .wrap .inner .title{margin-bottom: 32px;}
    .row3 .wrap .inner .title h2{font-size: 24px;}
    .row3 .wrap .inner .content ul{flex-direction: column; align-items: center; justify-content: center;}
    .row3 .wrap .inner .content ul li{width: 100%; max-width: 440px; padding: 24px 10px;}

    .row5 .inner{padding-bottom: 32px;}
    .row5 .content ul{gap: 16px;}
    .row5 .content ul li{width: 46%;}

    .deposit-bonus-anytime{padding: 36px 0 60px;}
    .deposit-bonus-anytime .anytime-con{flex-direction: column;}
    .deposit-bonus-anytime .anytime-left{width: 100%;border-radius: 16px 16px 0 0px;}
    .deposit-bonus-anytime .anytime-right{width: 100%;height: 374px;border-radius: 0px 0px 16px 16px;}

    html[lang='ar-AE'] .deposit-usdt-banner .text-box{width: 100%;}
}


@media(max-width:510px) {
    .row2 .content ul{flex-direction: column;}
    .row2 .content ul li{background: transparent; text-align: left; justify-content: center; padding: 0; width: 100%; max-width: 320px;}
    .row2 .content ul li .num{font-size: 16px; line-height: 36px; width: 36px; height: 36px; margin: 0 0 8px; text-align: center;}
    .row2 .content ul li h3{margin-bottom: 8px;}
    .row2 .content ul li .button{margin-top: 16px;}

    .row5 .content ul li{width: 100%; margin-right: 0;}

    .deposit-bonus-anytime{padding: 0 0 60px;}
    .deposit-bonus-anytime .anytime-con h2{font-size: 24px;margin-bottom: 32px;line-height: 32px;}
    .deposit-bonus-anytime .anytime-con p{font-size: 14px;line-height: 18px;}
    .deposit-bonus-anytime .anytime-left{padding: 40px 24px;}
    .deposit-bonus-anytime .link-box{margin-top: 32px;}
    .deposit-bonus-anytime .link-box img{width: 140px;height: 44px;}
    .deposit-bonus-anytime .anytime-right{height: 280px;padding: 40px 24px;}
}