.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-bonus-banner{background:url(/wp-content/themes/vantage/images/deposit-bonus-banner.webp) top center no-repeat; background-size:cover;position: relative; position: relative;overflow: hidden;}
.deposit-bonus-banner .inner{ min-height: 600px; padding-top:30px; padding-bottom:30px; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start;}
.deposit-bonus-banner .text-box{width: 49%;position: relative;z-index: 10;}
.deposit-bonus-banner .text-box .top-text{font-size: 28px;font-style: italic;font-weight: 500;color: var(--v-grey);margin-bottom: 9px; line-height:1.2;}
.deposit-bonus-banner .text-box .top-text span{color:var(--v-orange);}
.deposit-bonus-banner h1{font-size: 48px;font-weight: 600;color: var(--v-black); margin-bottom: 25px;line-height: 60px; line-height:1.2;}
.deposit-bonus-banner h1 span{color: var(--v-orange);}
.deposit-bonus-banner .account{margin-bottom: 91px;}
.deposit-bonus-banner p{ margin-bottom:0;}
.deposit-bonus-banner p.small-txt{font-size: 14px; color: var(--v-black);}
.deposit-bonus-banner p.small-txt a{ text-decoration: underline;}
.deposit-bonus-banner .button-box{ display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; gap: 15px; padding-bottom:16px;}
.deposit-bonus-banner .orange-button{}
.deposit-bonus-banner .green-button{ text-transform: uppercase;}
.deposit-bonus-banner .img-box{position: absolute; width: 613px; max-width: 49%; right: 150px; top: 50%; transform: translateY(-50%);}

html[lang='fr-FR'] .deposit-bonus-banner .text-box{ width: 48%;}

.deposit-bonus-power{background:var(--v-white);padding: 96px 0;overflow: hidden;}
.deposit-bonus-power h2{font-size: var(--fs-56);font-weight: 500;color: var(--v-black-light);margin-bottom: 40px;line-height: 58px;text-align: center;}
.deposit-bonus-power .bonus-con{display: flex;justify-content: center;gap: 37px;}
.deposit-bonus-power .bonus-item{border-radius: 16px;box-shadow: 0px 4px 6px -2px rgb(16,24,40,0.3);}
.deposit-bonus-power .bonus-top{border-radius: 16px 16px 0 0;font-size: var(--fs-20);font-weight: 700;color: var(--v-white);margin: 0px;line-height: 1;padding: 16px 0;text-align: center;}
.deposit-bonus-power .item1 .bonus-top{background:#DCDEE0;}
.deposit-bonus-power .item2 .bonus-top{background:#DE5830;}
.deposit-bonus-power .bonus-mid{padding: 16px 77px 24px;text-align: center;}
.deposit-bonus-power .bonus-mid-inner{padding-bottom: 24px;position: relative;}
.deposit-bonus-power .bonus-mid-inner::after{content:"";display:block;width: 127%;height: 1px;background:#BBBBBB;position: absolute;bottom: 0;left: -44px;}
.deposit-bonus-power .bonus-mid p{font-size: var(--fs-16);font-weight: 700;color: var(--v-black-light);margin-bottom: 15px;line-height: 1;}
.deposit-bonus-power .item2 .bonus-mid p span{color: #DE5830;}
.deposit-bonus-power .bonus-bottom{padding: 0 32px 32px;text-align: center;}
.deposit-bonus-power .bonus-bottom table{width: 100%;margin-bottom: 8px;}
.deposit-bonus-power .bonus-bottom td{font-size: 14px;font-weight: 600;color: #636363;padding-bottom: 8px;line-height: 16px;}
.deposit-bonus-power .bonus-bottom td span{color: #DE5830;}
.deposit-bonus-power .bonus-bottom td:nth-child(odd){text-align: left;}
.deposit-bonus-power .bonus-bottom td:nth-child(even){text-align: right;}
.deposit-bonus-power .bonus-bottom p.bottom-txt{font-size: 16px;font-weight: 600;color: var(--v-black-light);margin: 0px;line-height: 19px;text-align: center;padding-top: 23px;}
.deposit-bonus-power .orange-button{padding: 10px 30px;font-size: 16px;font-weight: 700;line-height: 20px;}
.deposit-bonus-power .orange-button span{font-size: 14px;font-weight: 600;line-height: 16px;}

.deposit-bonus-calculation{padding: 96px 0;overflow: hidden;background: #F1F2F5;}
.deposit-bonus-calculation h2{color: var(--v-black-light);font-size: var(--fs-56);font-weight: 600;margin-bottom: 32px;text-align: center;line-height: 68px;}
.deposit-bonus-power h2 span,
.deposit-bonus-calculation h2 span{color: var(--v-orange);}
.deposit-bonus-calculation p{color: var(--v-black);font-size: var(--fs-20);font-weight: 400;margin-bottom: 32px;text-align: center;line-height: 24px;}
.deposit-bonus-calculation .calculation-table{max-width: 1024px;margin: 0 auto 32px;}
.deposit-bonus-calculation .calculation-table table{width: 100%;border-radius: 16px;box-shadow: 0px 4px 6px -2px rgb(16,24,40,0.3);overflow: hidden;}
.deposit-bonus-calculation .calculation-table table th{color: var(--v-white);font-size: var(--fs-20);font-weight: 600;padding: 24px 36px;text-align: center;}
.deposit-bonus-calculation .calculation-table table th:nth-child(1){background:var(--v-green-darker);}
.deposit-bonus-calculation .calculation-table table th:nth-child(2){background:var(--v-green-darker);}
.deposit-bonus-calculation .calculation-table table th:nth-child(3){background:var(--v-orange);}
.deposit-bonus-calculation .calculation-table table td{color: #4A4A4A;font-size: 16px;font-weight: 400;padding: 16px;text-align: center;line-height: 23px;}
.deposit-bonus-calculation .calculation-table table td span{color: var(--v-orange);}
.deposit-bonus-calculation .calculation-table table tr:nth-child(even) td{background:var(--v-white);}
.deposit-bonus-calculation .calculation-table table tr:nth-child(odd) td{background:var(--v-grey-light2);}
.deposit-bonus-calculation .text-bottom{max-width:1024px;margin: 0 auto;}
.deposit-bonus-calculation .text-bottom .small-text{color: #98A2B3;font-size: 16px;font-weight: 500;margin-bottom: 0px;text-align: left;line-height: 17px;}
.deposit-bonus-calculation .text-bottom p{font-size: var(--fs-16);font-weight: 400;margin: 0px;text-align: left;line-height: 20px;margin-bottom: 32px;}
.deposit-bonus-calculation .text-bottom p a{font-weight: 700;margin: 0px;text-decoration: underline;}

html[lang='ar-AE'] .deposit-bonus-banner .text-box{display: flex;flex-direction: column;align-items: flex-end;}
html[lang='ar-AE'] .deposit-bonus-calculation .text-bottom p{text-align: right;}
html[lang='ar-AE'] .deposit-bonus-banner h1{text-align: right;}
html[lang='ar-AE'] .deposit-bonus-calculation .calculation-table table td{direction: ltr;}




.deposit-bonus-get{padding: 96px 0;overflow: hidden;position: relative;}
.deposit-bonus-get .inner{position: relative;z-index: 10;}
.deposit-bonus-get h2{color: var(--v-black-light);font-size: var(--fs-56);font-weight: 500;margin-bottom: 32px;text-align: center;line-height: 68px;}
.deposit-bonus-get h2 span{color: var(--v-orange);}
.deposit-bonus-get .get-tab-list{display: flex;justify-content: center;margin-bottom: 32px;cursor: pointer;position: relative;}
.deposit-bonus-get .get-tab-list .tab-item{position: relative;}
.deposit-bonus-get .get-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#BABABA;position: absolute;bottom: -1px;left: 0;}
.deposit-bonus-get .get-tab-list p{width: 180px;color: var(--v-black);font-size: var(--fs-22);font-weight: 400;line-height: 25px;margin-bottom: 0;padding-bottom: 10px;text-align: center;}
.deposit-bonus-get .get-tab-list .tab-item.active p{color: var(--v-orange);}
.deposit-bonus-get .swiper{overflow: visible;}
.deposit-bonus-get .swiper-wrapper{justify-content: center;}
.deposit-bonus-get .swiper-slide{max-width: 240px;}
.deposit-bonus-get .swiper-slide:last-child{margin-right: 0 !important;}
.deposit-bonus-get .swiper-slide::after{content:"";display:block;width: 15px;height: 19px;background:url(/wp-content/themes/vantage/images/deposit-bonus-get-icon1.svg) top center no-repeat; background-size:cover;position: absolute;top: 97px;right: -61px;}
.deposit-bonus-get .get-tab-con .swiper-slide:last-child::after{display: none;}
.deposit-bonus-get .step{width: 64px;height: 64px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--v-white);font-size: 28px;font-weight: 500;margin-bottom: 16px;line-height: 34px;}
.deposit-bonus-get .get-tab-con{text-align: center;}
.deposit-bonus-get .get-tab-con .swiper-slide:nth-child(1) .step{background:#FF8E5C;}
.deposit-bonus-get .get-tab-con .swiper-slide:nth-child(2) .step{background:#E35728;}
.deposit-bonus-get .get-tab-con .swiper-slide:nth-child(3) .step{background:#164B53;}
.deposit-bonus-get .get-tab-con h3{color: var(--v-black);font-size: var(--fs-20);font-weight: 600;line-height: 23px;margin-bottom: 16px;text-align: left;}
.deposit-bonus-get .get-tab-con .swiper-slide:last-child h3::after{display: none;}
.deposit-bonus-get .get-tab-con p{color: var(--v-black);font-size: var(--fs-16);font-weight: 400;line-height: 19px;margin-bottom: 0;text-align: left;}
.deposit-bonus-get .get-tab-con p em{font-size: var(--fs-12);}
.deposit-bonus-get .tab-con-item{opacity: 0;height: 0;}
.deposit-bonus-get .tab-con-item.active{opacity: 1;height: auto;}
/* .deposit-bonus-get .tab-con-item{display: none;}
.deposit-bonus-get .tab-con-item.active{display: block;} */
.deposit-bonus-get .tab-con-swiper { margin-bottom: 32px; }
.wire{position: absolute;top: 31px;height: 2px;background: var(--v-orange);transition: .4s;}
.deposit-bonus-get .get-tab-con .account{text-align: center;margin-top: 32px;line-height: 19px;}


@media(max-width:1440px) {
    .deposit-bonus-banner .inner{ min-height: 550px;}
    .deposit-bonus-banner .img-box{right: 40px;}
    .deposit-bonus-banner .text-box .top-text{ font-size: 24px;}
    .deposit-bonus-banner h1{ font-size:42px;}
}
@media(max-width:1240px) {
    .deposit-bonus-banner h1{ font-size:38px;}
    .deposit-bonus-banner .img-box{right: 20px;}

    .deposit-bonus-power{padding: 86px 0;}

    .deposit-bonus-get{padding: 86px 0;}
    .deposit-bonus-get .swiper-slide::after{right: -16px;top: 82px;}

    .deposit-bonus-calculation{padding: 86px 0;}

}
@media(max-width:1200px) {
    .deposit-bonus-banner h1{ font-size:36px;}
    .deposit-bonus-banner .text-box{width: 52%;}
    .deposit-bonus-banner .img-box{ max-width: 46%;}
}
@media(max-width:1024px) {
    .deposit-bonus-banner .inner{ min-height: 500px;}
    .deposit-bonus-power .bonus-mid{padding: 16px 60px 24px;}
    .deposit-bonus-power .bonus-mid-inner::after{width: 118%;left: -30px;}

    .deposit-bonus-calculation{padding: 70px 0;}
    .deposit-bonus-calculation h2{line-height: 1.2;}
    .deposit-bonus-calculation .calculation-table table th{font-size: 16px;padding: 16px;}
    
    .deposit-bonus-get{padding: 86px 0;}
    .deposit-bonus-get .swiper-slide::after{right: -16px;top: 82px;}

}
@media(max-width:980px) {
    .deposit-bonus-banner .inner{display: flex;flex-direction: column; min-height: auto; padding-top:52px; padding-bottom:0;}
    .deposit-bonus-banner .text-box{width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center; padding-bottom:50px;}
    .deposit-bonus-banner .account{margin-bottom: 40px;}
    .deposit-bonus-banner .img-box{position: static;text-align: center; transform: translateY(0); width: 370px; max-width: calc(100% - 10px);}
    .deposit-bonus-banner .img-box img{width: 80%;}
    .deposit-bonus-banner h1{ font-size:32px; color: var(--v-black-light);}
    .deposit-bonus-banner h1 span{color: var(--v-black-light);}
    .deposit-bonus-banner .text-box .top-text{ font-size: 20px;}
    html[lang='fr-FR'] .deposit-bonus-banner .text-box{ width: 100%;}
    html[lang='ar-AE'] .deposit-bonus-banner .text-box{align-items: center;}
    html[lang='ar-AE'] .deposit-bonus-banner h1{text-align: center;}

    .deposit-bonus-power .bonus-mid{padding: 16px 32px 24px;}
    .deposit-bonus-power .bonus-mid-inner::after{width: 100%;left: 0px;}
}
@media(max-width:860px) {
    .deposit-bonus-get .swiper-wrapper{justify-content: flex-start;}
}
@media(max-width:768px) {
    .deposit-bonus-banner h1{font-size: 28px;}
    .deposit-bonus-banner .button-box{flex-direction: column; min-width: 240px; gap: 7px;}
    .deposit-bonus-banner .button-box a{ display: block; width: 100%;}

    .deposit-bonus-power{padding: 60px 0;}
    .deposit-bonus-power h2{line-height: 1.2;}
    .deposit-bonus-power .bonus-con{flex-wrap: wrap;}

    .deposit-bonus-get{padding: 60px 0;}
    .deposit-bonus-get h2{line-height: 1.2;}

    .deposit-bonus-calculation{padding: 60px 0;}
    .deposit-bonus-calculation .calculation-table table td{font-size: 14px;line-height: 20px;}
    .deposit-bonus-calculation .text-bottom{width: 100%;max-width: 100%;}

}
@media(max-width:620px) {
    .deposit-bonus-calculation .calculation-table{width: 100%;max-width: 100%;overflow-x: scroll;box-shadow: 0px 4px 6px -2px rgb(16,24,40,0.3);}
    .deposit-bonus-calculation .calculation-table table{width: 620px;box-shadow: 0px 4px 6px -2px rgb(16,24,40,0.3);}
}
@media(max-width:510px) {
    .deposit-bonus-banner .text-box{ padding-bottom:30px;}

    .deposit-bonus-power{padding: 48px 0;background: #F2F3F5;}
    .deposit-bonus-power .bonus-mid{background: var(--v-white);padding: 16px 5px 24px;}
    .deposit-bonus-power .bonus-bottom{background: var(--v-white);border-radius: 0 0 16px 16px;}
    .deposit-bonus-power .bonus-bottom p.bottom-txt{font-weight: 800;}
    .deposit-bonus-power h2{margin-bottom: 16px;line-height: 29px;}
    .deposit-bonus-power .bonus-con{gap: 0px;}
    .deposit-bonus-power .bonus-item{margin-bottom: 16px;}
    .deposit-bonus-power .bonus-item:last-child{margin-bottom: 0;}

    .deposit-bonus-get{padding: 48px 0;}
    .deposit-bonus-get h2{margin-bottom: 16px;line-height: 29px;}
    .deposit-bonus-get .get-tab-list{margin-bottom: 16px;}
    .deposit-bonus-get .get-tab-con h3{line-height: 18px;}
    .deposit-bonus-get .get-tab-con p{line-height: 16px;}
    .deposit-bonus-get .get-tab-list p{line-height: 19px;}
    .deposit-bonus-get .step{width: 36px;height: 36px;font-size: 16px;line-height: 19px;}
    .deposit-bonus-get .swiper-slide::after{top: 50px;}
    .deposit-bonus-get .tab-con-swiper {margin-top: 16px;}

    .deposit-bonus-calculation{padding: 48px 0;}
    .deposit-bonus-calculation h2{margin-bottom: 16px;line-height: 29px;}
    .deposit-bonus-calculation p{font-size: 14px;margin-bottom: 16px;line-height: normal;}
    .deposit-bonus-calculation .calculation-table{margin: 0 auto 16px;}
    .deposit-bonus-calculation .text-bottom{display: flex;flex-direction: column-reverse;}
    .deposit-bonus-calculation .text-bottom p{text-align: left;}
    .deposit-bonus-calculation .text-bottom .small-text{color: var(--v-black);font-size: 14px;margin-bottom: 0;margin-top: 32px;font-weight: 400;}

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